@media (min-width: 1400px) {
    body{
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .container, .container-fluid{max-width: 1366px;}
	.faq-section{margin-top: 15rem;}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) and (max-width: 1023px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-homep .fix-shape-banner {
        transform: translateX(-50%);
        left: 75%;
        object-fit: cover;
        width: 1920px;
    }
    .services-box.white {padding: 0px 15px;}
	.btn-grid{
		justify-content: center;
	}
    footer .fix-bottom-shape{left: 55%;}
}

@media only screen and (max-width: 991px) {
    /*.toggle-menu {
        display: grid !important;
        grid-gap: 0px;
        width: 36px;
        height: 36px;
        border: 1px solid rgba(147, 156, 248, .4);
        background: none;
        outline: none;
        margin: 0;
        padding: 8px;
        border-radius: 10px;
        justify-content: center;
        align-items: center;
    }
    .toggle-menu span {
        width: 18px;
        height: 2px;
        background: #000;
    }*/
    .internal-pages .toggle-menu span {background: #fff;}
    .slider-homep figure{
        position: static;
        margin: auto;
    }
    .slider-homep h1, .slider-homep p{text-align: center;}
    .btn-grid{
        grid-template-columns: auto auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .start-now{font-size: 16px; line-height: 50px;}
    .start-now:after{margin-left: 16px;} 

    .agency{
        grid-template-columns: auto;
        justify-items: center;
        text-align: center;
    }
    .popup-video {bottom: 0px;}
    .social-iconz{justify-items: center; max-width: 300px; margin: auto;}
    .social-iconz a{width: 50px; height: 50px; line-height: 50px;}

    .grid-3{
        grid-template-columns: repeat(1, 1fr);
    }
    .fcg-items{justify-items: center;}
    .fcg-items h4{font-weight: 700;}
    .title-h1-w7 h1{font-size: 35px; line-height: 45px;}   
	.blue-items-new {padding: 40px;}
    .blue-items ul.gap-40 li, .white-items ul.gap-40 li{
        font-size: 16px;
        font-weight: 400;
    }
    .blue-items ul.gap-40 li:before, .white-items ul.gap-40 li:before{margin-right: 25px;}

    .client-testimonial .owl-nav{
        text-align: center;
    }
    .client-testimonial h4{
        text-align: center;
        font-size: 20px;
        line-height: 28px;
    }
    .client-bottom{
        grid-template-columns: auto;
        justify-items: center;
        text-align: center;
        grid-gap: 15px;
    }    
    footer{padding-bottom: 0px;}
    .social_f{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    footer .fix-bottom-shape{        
        transform: translateX(-50%);
        object-fit: cover;
        width: 1920px;
    }       

    .xs-sm-mlr-15{margin: 0px 15px;}	
	.offset-1{margin-left:0px;}
    .xs-sm-d-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .xs-sm-align-center{
        -ms-flex-align: center;
        align-items: center;
    }
    .xs-sm-t-center {
         text-align: center;
    }
    .xs-sm-t-left {
         text-align: left !important;
    }
     .xs-sm-justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .xs-justify-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
    }
     .xs-sm-flex-column {
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .xs-position-static {
         position: static !important;
    }
    .xs-sm-pb-none{padding-bottom: 0px;}
    .xs-sm-pt-none {
         padding-top: 0px;
    }
     .xs-sm-mt-none {
         margin-top: 0px;
    }
     .xs-sm-bg-none {
         background: none !important;
    }
     .xs-sm-m-auto {
         margin: auto;
    }
    .xs-sm-mb-20 {
         margin-bottom: 20px;
    }
    
    .xs-sm-mt-none {
         margin-top: 0px;
    }
    .xs-sm-mt-20 {
         margin-top: 20px;
    }
     .xs-sm-mt-40 {
         margin-top: 40px !important;
    }
     .xs-sm-mt-30 {
         margin-top: 30px;
    }
     .xs-sm-mt-60 {
         margin-top: 60px;
    }
     .xs-sm-mt-80 {
         margin-top: 80px;
    }
     .xs-sm-mb-20 {
         margin-bottom: 20px;
    }
    .xs-sm-mb-30 {
         margin-bottom: 30px;
    }
    .xs-sm-mb-40 {
         margin-bottom: 40px;
    }
    .xs-sm-mb-60 {
         margin-bottom: 60px;
    }
     .xs-sm-pb-80 {
         padding-bottom: 80px;
    }
     .xs-sm-d-none {
         display: none !important;
    }
     .xs-sm-d-block {
         display: block !important;
    }
     .xs-sm-d-flex {
         display: flex !important;
    }
     .sm-order-1 {
         order: 1;
    }
     .sm-order-2 {
         order: 2;
    }
    .xs-sm-order-2 {
         order: 2;
    }
	.xs-sm-order-none{order:inherit;}
	.xs-sm-pb-50{padding-bottom: 50px;}
	.sx-offset-off{margin:0px;}
}

@media screen and (max-width: 767px) {
	.calendly-inline-widget.calendly-mobile {
    min-width: auto !important;
}
    .services-box{
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }
    .services-box .author_box{
        justify-items: center;
        padding: 0;
    }
    .mobile-step1 h4{
        font-size: 30px;
    }
    .mobile-step1 ul li{
        font-size: 18px;
        font-weight: 700;
    }

    .accordion-tbs .card-header button.btn{
        white-space: normal;
        grid-template-columns: 90% 37px;
        grid-gap: 15px;
    }
    .slider-homep .fix-shape-banner {
        transform: translateX(-50%);
        left: 75%;
        object-fit: cover;
        width: 122em;
    }
    .div-pem{
        padding-top: 5em !important;
        padding-bottom: 30em !important;
    }
    .blue-items-new{
        padding: 80px 40px;
    }

    footer .fix-bottom-shape{left: 60%;}

    .mobile-step1{
        transform: translateX(-50%);
        left: 39%;
        object-fit: cover;
        width: 180em;
    }
    .mobile-step2 {
        transform: translateX(-50%);
        left: 59%;
        object-fit: cover;
        width: 140em;
    }

    .client-section .fix-top-shape {
        transform: translateX(-50%);
        left: 50%;
        object-fit: cover;
        width: 140em;
    }
	.btn-mobile-outer a {
		display: block !important;
	}
	.btn-mobile-outer a div{
		justify-content: center;
	}
    .services-box h4{font-weight: 700;}

    h2{
        font-size: 32px;        
    }    
	
	/*** Header Css ****/
	.xs-mobile-flex{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.xs-d-none{display:none;}
    .xs-justify-center {
         justify-content: center !important;
         -webkit-box-align: center !important;
         -webkit-flex-align: center !important;
         -ms-flex-align: center !important;
    }
     .xs-flex-wrap{
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .xs-t-center {
         text-align: center;
    }
     .xs-d-none {
         display: none !important;
    }
     .xs-d-block {
         display: block;
    }
     .xs-order-2 {
         order: 2;
    }
     .xs-sm-pt-none {
         padding-top: 0px;
    }
     .xs-sm-p-none {
         padding: 0px !important;
    }
     .xs-mt-20 {
         margin-top: 20px !important;
    }
    .xs-mt-30 {
         margin-top: 30px !important;
    }
    .xs-mt-40 {
         margin-top: 40px !important;
    }
     .xs-mt-60 {
         margin-top: 60px !important;
    }
     .xs-mt-80 {
         margin-top: 80px !important;
    }
     .xs-mb-20 {
         margin-bottom: 20px !important;
    }
     .xs-mb-40 {
         margin-bottom: 40px !important;
    }
     .xs-mb-60 {
         margin-bottom: 60px !important;
    }
     .xs-d-block {
         display: block !important;
    }
}

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

}

 @media (min-width: 320px) and (max-width: 480px) {    
    .logo img {max-width: 100%;}
    .btn-grid{
        justify-content: inherit;
    }
    .accordion-tbs .card-header button.btn{
        white-space: normal;
        grid-template-columns: 85% 10%;
        grid-gap: 15px;
    }
	.btn-grid{grid-template-columns: auto;}    

    .xs-sm-container{max-width: 100%;}
    .xxs-wide div{width:100%; margin: 0 !important;}
	.xxs-wide div a{
		width:80%;
		 justify-content: center;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
		 margin:0px;
		 margin-bottom:5px; 
	}	
    
    .xxs-d-none {
         display: none;
    }
     .xxs-d-block {
         display: block !important;
    }
}
