@media (min-width: 1800px) {}

@media (min-width: 1400px) {
    .our_process .container{
        max-width: 1170px !important;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1350px !important;
    }
}

@media (max-width: 1200px) {
	
	
.nav-item a {
  
    font-size: 13px;	
	}
	
	.steps-div{
		width:100%;
	}
    .content_process h5{
        color: #ec6567;
        font-family: 'santoshi bold';
        font-size: 16px;
        text-transform: capitalize;
    }
    .content_process p{
        color: #364d77;
        font-family: 'santoshi regular';
        font-size: 14px;
        text-transform: capitalize;
    }
    .process_circle h3 br{
       display: none; 
    }
    
    .process_circle h3{
        color: #1b3564;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 900;
        /* white-space: pre; */
    }
    .process_circle p br {
        display: none;
    }
    .process_circle p {
        color: #eb2e2e;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 14px;
        /* white-space: pre; */
    }
    .item_child_div .bg_image{
        display: none;
    }
   
    .process_item{
        margin: 40px 0px;
    }
    .item_child_div{
        padding-bottom: 20px;
    }
    
}

@media screen and (max-width: 1370px) {
/* 	.vc_column-inner {
		padding-left: 0px!important;
		padding-right: 0px!important;
	} */
}

@media screen and (min-width: 992px) {
	#ecommerce-plans .pkg_feature ul{
		height:auto !important;
	}
	
}
@media screen and (max-width: 1200px) {
	.blogs_section .cat-container .col-12{
		padding:0px;
	}
	
	.wpb_video_heading {
		font-size: 1.2rem;
	}
	
}
@media screen and (min-width: 768px and max-width: 992px) {
	.blogs_section .cat-container{
		padding:0px;
	}
	}

@media screen and (max-width: 1080px){


.our_expertise .sec_heading h1 {
    font-size: 50px;
}

.main_sub_heading {
    font-size: 36px;
}

.main_heading {
    font-size: 34px;
}
	
	
}



@media screen and (max-width: 991.5px) {
	
.page-id-7399 .vc_custom_1705336005651 {
    padding-top: 40px !important;
}	
	
.updatedPricingSection .features-title {
	font-size: 1.3rem;
	}
	
.updatedPricingSection .feature-item {
    font-size: 1.2rem!important;
}	
	.updatedPricingSection .price-buynow-box .period {
    font-size: 1.2rem;
	}
	
	.addonBox li {
    font-size: 18px;
	}
	
.right_img_left_content .left_content{
margin-top:40px!important;
}
	.left_img_right_content .right_content{
	margin-top:40px!important;
	}
	
	.main_banner .row{
   flex-direction: column-reverse;	
} 
	
	.main_banner{
    padding:60px 0px;
	}
  
    .main_banner p{
     margin-bottom: 0px!important;
}
	
	.main_banner .banner_content{
     margin-top:40px!important;
	}
	
	
    .page-id-7959  .main_banner .banner_content{
     margin-top:0px!important;
	}
	
	    .content_process h5 {
		font-size: 20px;
	}
	
	    .content_process p {
        font-size: 18px;
	   margin-bottom: 0px !important;
	}
	

	.content_process{
      margin-bottom: 40px !important;
	}
	
	
	.our_process .process_item:last-child .content_process {
	   margin-bottom: 0px !important;
}
	
	.process_circle p{
	   font-size: 18px;
	}

	
	.our_process .icon {
    height: unset !important;
    width: unset !important;
}
	
	
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 30px!important;
    padding-top: 30px;
}
	

	
	.contact_bg .title_main_banner .left_column {
     padding-top: 0px!important;
    padding-bottom: 0px!important;
    text-align: center;
}
	
	.title_main_banner {
    padding: 60px 0px !important;
    background-blend-mode: overlay;
    background-color: #00000057 !important;
}
	
	.transparent_btn {
     padding: 12px 25px!important;
	}
	
	.main_banner_slider .row{
		display:flex;
        flex-direction:column-reverse;
	}
	
	
	.slider_container .slick-dots {
    bottom: 20px !important;
}
	
	.main_banner_slider .banner_content{
     margin-top:30px;
	}
	 
	.page-id-6  .about_us {
padding-bottom:0px!important;
}
	
	.our_expertise .sec_heading h1 {
        font-size: 42px;
    }
	
	.newsletter_sec .whitebg_btn {
    margin: 15px auto 0px auto;
    text-align: center;
    display: flex;
   width:100%;
}
	
	.newsletter_sec input{
     text-align: center;
}
	
	.about_us .row {
     display:flex;
     flex-direction: column-reverse;
}
	
	.about_us .left_column{
	    margin-top: 40px;	
	}
	
	.left_img_right_content_service_inner .right_content {
    margin-top: 40px;
    }
	.nav-item a {
    font-size: 18px;
	}
	
	.main_banner .float-end{
		float:none!important;
	}
	.main_banner .image_container .right_image{
		text-align:center;
	}
	.cstm_wid_lgo_ser_img .left_image_container img{
		width:400px;

	}
	.cstm_wid_lgo_ser_img .right_image_container img{
		width:400px;
	}
	.website-design-overview .right_image_container{
		text-align:center;
	}
	.steps-div{
		border-radius:50px;
	}
	.main_banner .img-fluid{
		width:80%;
	}
	.main_banner .image_container{
		text-align:center;
	}
	.main_banner{
		height:auto;
	}
	.blogs_section .cat-container{
		padding:0px;
		margin-bottom:20px;
	}
    .faqs_items::before {
        content: none !important;
    }

    .need_help::after {
		position: absolute;
		content: '';
		height: 100%;
		width: 1000px;
		background-color: #f4f6f8;
		top: 0;
		bottom: 0;
		left: 100%;
    }
    
    .faq_content::after {
		position: absolute;
		content: '';
		height: 100%;
		width: 1000px;
		background-color: #e1e6ee;
		top: 0;
		bottom: 0;
		right: 100%;
		z-index: -2;
    }
    
	    .title_main_banner .right_column img {
        margin: 0 auto !important;
    }
	
}

@media screen and (max-width: 768px) {
	
	.location_info h3 {
    font-size: 24px;
	}
	
	h2.banner_main_title {
    font-size: 44px;
	}
	
	.design-section .container-fluid.my-5{
    margin: 20px 0px !important;
/*     padding-bottom: 0px !important; */
	}
	
	    .main_banner .banner_content .button_div .transparent_btn {
        padding: 10px 20px !important;
    }
	
	.exp_name h4 {
    font-size: 15px;
	}
	    .our_expertise .sec_heading h1 {
        font-size: 36px!important;
    }
	
	.our_expertise .sec_heading h1::after {
display:none;
	}
	
	    :is(.right_image_container, .left_image_container) .img-fluid {
         padding-bottom: 0px!important;
    }
	.sec_heading h2 span{
/* 	text-align:center; */
	}
	.sec_heading h2{
/* 		text-align:center; */
	}
	.sec_heading h2::before{
		height: 35px !important;
    	width: 35px !important;
		transform:translate(0, -5px) !important;
	}
	.swiper-button-next, .swiper-button-prev{
		display:none !important;
	}
	.button_div{
		margin-bottom:10px;
	}
	.steps-div .circle{
		width:100px;
		height:100px;
		margin-top:10px;
	}
	.steps-div:nth-child(odd) .circle{
		margin:10px 0px 0px 0px;
	}
	.steps-div{
		flex-direction: column;
		border-radius:20px;
	}
	.steps-div:nth-child(odd) .step-txt {

		margin-bottom: 5px;
		text-align: center;
		padding: 10px 20px;
	}
	.steps-div .step-title{
		text-align:center;
		margin:0px;
	}
	.steps-div:nth-child(even) {

		flex-direction: column;
		text-align: center;
		margin-bottom: 50px;
	}
	.steps-div:nth-child(even) .step-txt {

		padding: 10px 20px;
		margin-bottom: 5px;
	}
	.steps-div:nth-child(even) .circle{
		margin:10px 0px 0px 0px;
	}

	.blogs_section .cat-container .col-12{
		padding:10px;
	}
	.blogs_section .row-reverse{
		flex-direction:column-reverse;
	}
    .included_services_sec{
        background: none !important;
    }
    
    li.nav-item a {
        padding: 10px 10px !important;
    }

    .sec_heading {
        padding-left: 20px;
    }

 /*   .exp_item {
        padding-bottom: 25px !important;
    } */

    .menu_list::before {
        margin: 0 auto;
    }

    .social_icons {
        justify-content: center;
    }

    .footer_logo {
        text-align: center;
    }

    .logo_social {
        margin-bottom: 30px;
    }

    .menu_list {
        text-align: center;
    }

    .banner_content {
        text-align: center;
    }

    .main_sub_heading {
        text-transform: uppercase;
        color: #db2b2e;
        font-size: 40px;
        font-family: 'santoshi bold';
    }

    .main_heading {
        text-transform: uppercase;
        color: color: rgb(27, 53, 100);
        font-size: 30px;
        font-family: 'santoshi regular';
    }
    .contact_deets a{
        font-size: 16px;
    }

    .contact_deets{
        padding: 20px 10px;
    }

    .chat_box{
        display: none;
    }
    .location_info{
        padding: 30px 10px;
        text-align: center;
    }
    :is(.right_image_container, .left_image_container) .img-fluid {
        padding-bottom: 40px;
    }
	.blue-clr{
		margin-top:20px;
	}
	.quote-btn-div .quote_btn{
		padding:10px 20px;
	}
	.quote-btn-div{
		text-align:center;
	}

	.basic_infr_sec .container{
		max-width:100%;
	}
	.swiper-button-next{
	right:-20px!important;
	}

	.swiper-button-prev{
		left:-20px!important;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
		display:none;
	}

.vc_tta.vc_tta-accordion .vc_tta-tabs-container, .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    display: block !important;
}
	.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    display: none;
}
	.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    display: none;
}
	
}
@media screen and (max-width: 576px) {
	
	
	    .our_process .icon {
        height: 65px !important;
        width: 65px !important;
    }
	
	
	.testimonials_sec .row{
    padding-bottom:0px!important;
	}
	
    .our_expertise .sec_heading h1 {
        font-size: 30px !important;
    }	
	
	.home-about-sec .text_content {
    font-size: 20px !important;
}
	    .design-section {
        padding: 0px 0 0 0;
    }

		h2.banner_main_title {
    font-size: 36px;
	}
	
	
	.top-bar-bg {
    display: none;
}
	
	.design-section h2{
    margin-bottom:15px;
	}

	
	   .nav-item a {
        font-size: 16px;
    }
	
	footer .footer_logo img {
		width: 150px;
	}
	.two-steps-section .step-desc .title{
		font-size:20px;
	}
	.two-steps-section .step-desc .text{
		font-size:16px;
	}
.our_services .slick-next{
		display:none !important;
	}
	.our_services .slick-prev{
		display:none !important;
	}
	
.vc_tta-title-text {
 margin-top: 0px!important; 
    }	
	
}



@media screen and (max-width: 480px) {
	.expertise_list::before {
     display:none;
}
	    .expertise_list {
        padding: 0px;
    }
	
	.expertise_list_wrapper {
    padding: 0px;
}

    * {
        overflow-x: unset !important;
    }	
	
	
    .exp_item::after {
        display: none !important;
    }	
	    .exp_item::before {
        display: none !important;
   
    }
}



@media screen and (max-width: 370px) {

	
	.top-bar .social_icons .icons{
		margin:0px;
	}
	.top-bar .call-btn-top{
		font-size:12px;
	}
	.makes_us_different .sec_heading h2::before{
		display:none;
	}
	
	    .our_expertise .sec_heading h1 {
        font-size: 26px !important;
    }
}


@media screen and (min-width:768px) {
	
	
	.menu_list #menu-web-menu{
		column-count:2;
	}
}
@media screen and (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1170px;
    }
    
/*     .expertise_list .exp_item:nth-child(2) {
        padding-left: 20px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 28%);
    }

    .expertise_list .exp_item:nth-child(5) {
        padding-left: 90px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 53%);
    }

    .expertise_list .exp_item:nth-child(7) {
        padding-left: 75px;
        position: absolute;
        justify-content: start;
        bottom: calc(100% - 75%);
    }

    .expertise_list .exp_item:nth-child(1) {
        left: calc(50% - 25%);
    }

    .expertise_list .exp_item:nth-child(3) {
        left: calc(50% - 16%);
    }

    .expertise_list .exp_item:nth-child(4) {
        left: calc(50% - 12%);
    }

    .expertise_list .exp_item:nth-child(6) {
        left: calc(50% - 12%);
    }

    .expertise_list .exp_item:nth-child(8) {
        left: calc(50% - 16%);
    }

    .expertise_list .exp_item:nth-child(9) {
        left: calc(50% - 25%);
    }
 */

    /* CIRCLE CSS */

    .process_circle{
        position: relative;
    }
    .process_circle .heading {
        background-color: #fff;
        display: inline-block;
        padding: 33px;
        border-radius: 50%;
        filter: drop-shadow(0px 12px 8px #ccc);
    }
    .process_circle h3{
        color: #1b3564;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 900;
        /* white-space: pre; */
    }
    .process_circle p {
        color: #eb2e2e;
        font-family: 'santoshi bold';
        text-transform: uppercase;
        font-size: 14px;
        /* white-space: pre; */
    }
    .process_circle:after{
        content: url(../../images/Line.svg);
        position: absolute;
        width: 28%;
        height: 82%;
        left: 36%;
        bottom: -25%;
        transform: translate(0%, 0%);
    }
    .process_strategies .image {
        position: relative;
    }
    .item .icon{
        position: absolute;
        width: 40px;
    }
    .item_child_div {
        position: relative;
    }
    
    .main_div_circle{
        position: relative;
        /* display: inline-block; */
    }
    .process_item {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .content_process{
        position: absolute;
    }
    .content_process h5{
        color: #ec6567;
        font-family: 'santoshi bold';
        font-size: 16px;
        text-transform: capitalize;
    }
    .content_process p{
        color: #364d77;
        font-family: 'santoshi regular';
        font-size: 14px;
        text-transform: capitalize;
    }
    .process_item:nth-child(1) {
        bottom: -62px;
        left: 235px;
    }
    .process_item:nth-child(1) .content_process {
        bottom: 5px;
        right: 165px;
        width: 160%;
        text-align: right;
    }
    .process_item:nth-child(1) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(1) .icon {
        position: absolute;
        width: 50px;
        top: 35%;
        left: 56%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(2) {
        bottom: -196px;
        left: 292px;
    }
    .process_item:nth-child(2) .content_process {
        bottom: 0px;
        right: 145px;
        width: 160%;
        text-align: right;
    }
    .process_item:nth-child(2) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(2) .icon {
        position: absolute;
        width: 50px;
        top: 37%;
        left: 60%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(2) .bg_image{
        width: 200px;
    }
    .process_item:nth-child(3) {
        bottom: -236px;
        left: 475px;
    }
    .process_item:nth-child(3) .content_process {
        bottom: -55px;
        right: -55px;
        width: 160%;
        text-align: center;
    }
    .process_item:nth-child(3) .icon {
        position: absolute;
        width: 50px;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(3) .bg_image{
        width: 200px;
    }
    .process_item:nth-child(4) {
        bottom: -195px;
        right: 285px;
    }
    .process_item:nth-child(4) .content_process {
        bottom: -5px;
        right: -265px;
        width: 160%;
        text-align: left;
    }
    .process_item:nth-child(4) .icon {
        position: absolute;
        width: 50px;
        top: 40%;
        left: 40%;
        transform: translate(-50%, -50%);
    }
    .process_item:nth-child(4) .bg_image{
        width: 200px;
    }
    
    .process_item:nth-child(5) {
        bottom: -55px;
        right: 227px;
    }
    .process_item:nth-child(5) .content_process {
        bottom: 5px;
        left: 165px;
        width: 160%;
        text-align: left;
    }
    .process_item:nth-child(5) .image {
        width: 118px;
        transform: rotate(-4deg);
    }
    .process_item:nth-child(5) .icon {
        position: absolute;
        width: 50px;
        top: 33%;
        left: 45%;
        transform: translate(-50%, -50%);
    }
}