@media (min-width:320px){
    .container{
        max-width: 93%;
    }
}
@media (min-width:576px) {
    /* .container {
        max-width: 540px
    } */
    .container {
        max-width: 470px;
    }
    .mt-60-ipad{
        margin-top: 20px;
    }
    .col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:768px) {
    /* .container {
        max-width: 720px
    } */
    .container {
        max-width: 700px;
    }
    /* body{
        overflow-x: hidden;
    } */
    .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ServiceXpand .xpand-con .h6font{
        margin-bottom: 8px;
       }
    .what-is-xpand .heading-part .h6font{
        margin-bottom: 20px;
    }
    .h3font{
        line-height: 38px;
    }
    .mt-60{
        margin-top: 60px;
    }
    .latest-upadates{
        padding: 50px 0 50px 0;
    }
    .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
    .clients-praise .content p{
        font-size: 22px;
        width: 82%;
        margin: 18px 0 25px 0;
    }
    .ServiceXpand .xpand-con .h3font{
        line-height: 40px;
    }
    .latest-upadates .thumb{
        display: flex;
        flex-wrap: nowrap;
    }
    .latest-upadates .thumb .image-side{
        max-width: 54%;
        flex: 0 0 54%;
    }
    .latest-upadates .thumb .disc-side{
        max-width: 46%;
        flex: 0 0 46%;
    }
    .latest-upadates .thumb .img-mar{
        margin-top: 0;
    }
    .h3font {
        font-size: 28px;
    }
    .latest-upadates .row.first{
        margin-top: 30px;
    }
    /* .ServiceXpand .left-con h3{
        margin-top: 30px;
    } */
    .sx-features .h3font{
        font-size: 22px;
    }
    .clients-praise .quote-img {
        position: absolute;
        top: -167px;
    }
    .clients-praise .quote-img img{
        max-width: 100%;
    }
   
    .clients-praise .right-con{
        padding-left: 60px;
    }
   .bg-img {
    width: 676px;
    display: block;
}
.touch-btn a{
    font-size: 18px;
}
.benefits .main-image img{
    padding-left: 54px;
}
.benefits{
    background: transparent;
}
.ServiceXpand .xpand-con .touch-btn a {
    padding:19.5px 28.8px;
}
.ServiceXpand .left-con .touch-btn a {
    padding: 19.5px 28.8px;
}
.sx-features .touch-btn a{
    padding: 19.5px 34.2px;
}
.touch-btn a{
    padding: 19.5px 60.6px;
}
.ServiceXpand .xpand-con p{
    font-size: 18px;
  }
  .what-is-xpand .cstm-2-col {
    padding-top: 28px;
}
  .what-is-xpand .cstm-2-col p {
    font-size: 18px;
}
.what-is-xpand .cstm-2-col .right-desc-list .cstm-row .desc-are p {
    font-size: 17px;
    }
    .ServiceXpand .left-con p{
        font-size: 18px;
    }
    .subtitle{
        font-size: 18px;
    }
    .clients-praise .content p{
        font-size: 18px;
        line-height: 32px;
    }
    .clients-praise .co-founder p{
        font-size: 18px;
        font-weight: 600;
        color: #798089;
        font-family: 'Poppins', sans-serif;
    }
    .latest-upadates .row p{
        font-size: 17px;
    }
    /* .latest-upadates .view-btn{
        margin-top: 0;
    } */
    .what-is-xpand .heading-part .h3font span{
        display: block;
    }
    .ServiceXpand .left-con .touch-btn {
        text-align: left;
        margin-top: 28px;
    }
    .ServiceXpand .xpand-con .h3font {
        font-size: 28px;
    }
    .scroll-btn #button {
        bottom: 40px;
        right: 20px;
    }
    .xpand-bg{
        display: block;
    }
    .service-feature-section .row{flex-direction: row;justify-content:space-between;}
    .service-feature-section .col-md-7 {flex: 0 0 50%; max-width: 50%;}
    .service-feature-section .col-md-5 {flex: 0 0 43%;max-width: 43%; padding: 0 15px;}
    .service-feature-section .h3font{margin-bottom: 40px;}
    .ServiceXpand.service-feature-section .left-con{order: 0;}
}
   


@media (min-width:992px) {
    /* .container {
        max-width: 960px
    } */
   .form-section-inner .form-wrapper .form-left .first-row-form {flex: 0 0 48%; max-width: 48%; }
    header .head-row .logo img{
        max-width: 80%;
		width: 100%;
    }
    .container {
        max-width: 940px;
    }
    .col-md-8 {
        flex: 0 0 66.66%;
        max-width: 66.66%;
    }
    .col-md-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .col-md-5 {
        flex: 0 0 41.66%;
        max-width: 41.66%;
    }
    .col-md-7 {
        flex: 0 0 58.33%;
        max-width: 58.33%;
    }
    .col-md-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	
	.what-is-xpand .cstm-2-col .left-desc{
		flex: 0 0 60.66%;
        max-width: 60.66%;
	}
	.what-is-xpand .cstm-2-col .right-desc-list{
		flex: 0 0 35.66%;
        max-width: 35.66%;
	}
	.ServiceXpand.why-xpand .container .row .left-con{
		flex: 0 0 39.66%;
       max-width: 39.66%;
	}
	.ServiceXpand.why-xpand .container .row .right-con{
		flex: 0 0 56%;
       max-width: 56%;
	}
	.ServiceXpand.why-xpand .container .row{
		justify-content:space-between;
	}
	 .what-is-xpand .cstm-2-col {
		justify-content:space-between;
    }
    /* .h3font {
        font-size: 42px;
        line-height: 54px;
    } */
    .h3font {
        font-size: 34px;
        line-height: 45px;
    }
    .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
    .what-is-xpand {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .sx-features{
        padding-top: 70px;
    }
    .latest-upadates {
        padding: 70px 0 70px 0;
    }
    .clients-praise .left-con{
        padding-left: 100px;
    }
    /* .why-xpand .right-con{
        padding-left: 70px;
    } */
    .latest-upadates .thumb .disc-side {
        max-width: 66%;
        flex: 0 0 66%;
    }
    .latest-upadates .thumb .image-side {
        max-width: 34%;
        flex: 0 0 34%;
    }
    .clients-praise .right-con{
        padding-top: 0;
    }
    
    .support a {
        font-size: 14px;
    }
    .support a img {
        vertical-align: middle;
        margin-right: 6px;
    }
    .usa h5{
        margin-bottom: 102px;
    }
    .latest-upadates .row {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .sx-features .h3font{
        font-size: 35px;
    }
    .sx-features .heading-part p{
        width: 65%;
    }
    .ServiceXpand .xpand-con {
        margin-top: 0;
    }
    .sx-features .touch-btn {
        margin-top: 40px;
    }
    header .nav-row{
        display: block;
        margin-right: 25px;
        position: static;
        background: transparent;
    }
    header .logo .desk-logo{
        display:inline-block;
    }
    header .logo .m-logo{
        display: none;
    }
    header .right-cta .t-decoration{
        display: block;
    }
    .burger{
        display: none;
    }
    header .right-cta  .Mobile-icon{
        display: none;
    }
    header ul.nav .nav-itm {
        width: auto;
        margin: 0px 20px;
    }
   
    header ul.nav .nav-itm  .active::before{
        content: "";
        display: block;
        background-color: #2449CC;
        height: 3px;
        width: 50%;  
        position: absolute;
        top: 45px;
    }
    header ul.nav .nav-itm a.nav-link{padding: 10px 0;}
    header .nav-row .nav > li > a:hover:before ,  header .nav-row .nav > li.active > a:before {
        content: "";
        display: block;
        background-color: #2449CC;
        height: 3px;
        width: 50%;  
        position: absolute;
        top: 45px;
    }
    header ul.nav .sub-menu {
        position: absolute;
        /* margin-top: 25px; */
        box-shadow: 0px 20px 38px 0px rgb(177 168 168 / 18%);
        opacity: 0;
        height: 0;
        padding-top: 0;
    }
    header .arrow{
        right: -15px;
        top: 15px;
    }
    header ul.nav .nav-itm:hover .sub-menu {
        opacity: 1;
        height: auto;
        pointer-events: all;
        z-index: 1;
        display: block;
        box-shadow: 0px -3px 15px rgb(0 0 0 / 13%);
    }
 
    header ul.nav .sub-menu  li{
        padding-top: 15px;
    }
    header ul.nav .sub-menu li:last-child{
        padding-bottom: 15px;
    }
    header{
        padding:15px 0 15px 0
    }
    .clients-praise .content .h3font{
        width: 85%;
    }
    header .close {
        display: none;
     }
     header ul.nav {
        margin: 0 0 0 0;
    }
    .ServiceXpand .left-con{
        order: 0;
        padding-bottom: 0;
    }
    header .nav .ftr{
        margin-left: 24px  !important;
    }
    .ServiceXpand .left-con{
        padding-top: 0;
    }
    .latest-upadates .thumb{
        margin-top: 0;
    }
	.clients-praise .col-md-6{padding-left:65px;}
    header ul.nav .sub-menu::before{
        position: absolute;
        top: -20px;
        color:#fff;
        content: '\f0d8';
        left: 30px;
        font-size: 30px;
        font-family: 'FontAwesome';
        line-height: 30px;
    }
	.pricing-banner-contact .support-desc h1 {
    margin-bottom: 40px;
    font-size: 40px;
  }
    /* features page css starts here */
    .service-feature-section .h3font{margin-bottom: 54px;}
    /* .service-feature-section{padding: 80px 0;} */
    .feature-listing-section.sx-features .heading-part p{margin-bottom: 60px;}
    .feature-listing-section.sx-features .h3font{font-size: 35px;}
    .service-feature-section .col-md-5 .tab{font-size: 16px;}
    .service-feature-section {
        padding: 35px 0;
    }
		.xpand-p-b .xpand-con {
    flex: 0 0 50%;
    max-width: 50%;
}
	.xpand-p-b .center{
		flex: 0 0 46.5%;
       max-width: 46.5%;
	}
	section.ServiceXpand.xpand-main .row .padding-right {
    flex: 0 0 46.5%;
    max-width: 46.5%;
}
	.xpand-main .xpand-con {
    flex: 0 0 49%;
    max-width: 49%;
}
    /* features page css ends here */
    .xpand .xpand-bg {
        position: absolute;
        transform: translate(40% , -65%) rotate( 68deg );
        /* display: none; */
    }
    
    
 }


@media (min-width:1200px) {
    /* .container {
        max-width: 1430px
    } */
    header .head-row .logo img{
        max-width: 100%;
    }
	.h3font {
        font-size: 38px;
        line-height: 45px;
    }
	  header ul.nav .nav-itm {
        margin: 0px 8px;
    }
	.font-14 {
    font-size: 14px;
   }
    .container {
        max-width: 1070px;
    }
    .col-md-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
    .ServiceXpand .xpand-con p + p{
        margin-top: 18px;
    } 
    .clients-praise {
        padding: 100px 0 84px 0;
    }
    .xpand-main{
        padding-top: 86px;
        padding-bottom: 100px;
    }
    .what-is-xpand {
        padding-top: 100px;
        padding-bottom: 85px;
    }
    .benefits{
        padding-top: 84px;
        padding-bottom: 100px;
    }
    .ServiceXpand.why-xpand{
        padding-top: 85px;
        padding-bottom: 100px;
    }
    .latest-upadates{
        padding: 100px 0 150px 0;
    }
    .sx-features{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .what-is-xpand .cstm-2-col {
        padding-top: 72px;
    }
    .latest-upadates .thumb .image-side{
        max-width: 54%;
        flex: 0 0 54%;
    }
    .latest-upadates .thumb .disc-side{
        max-width: 46%;
        flex: 0 0 46%;
    }
    footer .connect-us {
        width: 60%;
    }
    .support a {
        font-size: 16px;
    }
    .support a img {
        margin-right: 15px;
    }
     .support{
        margin-top: 0;
    }
    /* .bg-img img{
        width: 500px;
    } */
    header ul.nav .nav-itm {
        margin: 0 20px;
        position: relative;
    }
    header .head-row {
        align-items: center;
    }
    header .nav-row{
        margin-right: 39px;
    }
    .sx-features .heading-part p{
        width: 36%;
    }
    .xpand-p-b{
        padding-bottom: 100px;
		padding-top:86px;
    }
    /* header .xpand-bg {
        position: absolute;
        transform: translate(61% , -55%)rotate(61deg);
        /* display: none; */
    
    .xpand-bg.img{
        transform: translate(62% , -55%)rotate(61deg);
    }
    .xpand-bg{
        position: absolute;
        transform: translate(85% , -35%);
        /* display: none; */
    }
    .ServiceXpand .xpand-con .touch-btn {
        margin-top: 50px;
    }
}
@media (min-width:1600px){
    .container {
        max-width: 1430px;
    }
	.container.feature-cont {
    max-width: 1330px;
}
	.what-is-xpand .container{
		max-width: 1220px;
	}
	.ServiceXpand.why-xpand .container{
		max-width: 1220px;
	}
	.font-14 {
    font-size: 17px;
   }
    .what-is-xpand .cstm-2-col p {
        margin-bottom: 40px;
    }
/*     .what-is-xpand .cstm-2-col .left-desc{
        padding-left: 110px;
    } */
/*     .ServiceXpand .left-con{
        padding-left: 100px;
    } */
    .ServiceXpand .xpand-con p {
        margin-top: 0;
    }
    .sx-features .touch-btn {
        margin-top: 80px;
    }
    .clients-praise .content p{
        margin: 39px 0 50px 0;
    }
    .latest-upadates .h3font{ 
        margin-bottom: 28px;
    }
    .h3font {
        font-size: 42px;
        line-height: 54px;
    }
	.support a {
        font-size: 16px;
    }
     /* features page css starts here */
     .service-feature-section.ServiceXpand .left-con{ padding: 0;}
/*      .service-feature-section.ServiceXpand .col-md-7{padding-left: 72px;} */
/*      .service-section-reverse.service-feature-section.ServiceXpand .left-con{margin-left: 72px; margin-right: 15px;} */
	.service-section-reverse.service-feature-section.ServiceXpand .col-md-7{ padding-left: 0;}
     .service-feature-section .col-md-5 .tab {font-size: 20px; line-height: 27px;}
     .service-feature-section .col-md-5 .tab-content p{font-size: 17px; line-height: 25px; margin-bottom: 15px;}
     .service-feature-section{padding: 99.5px 0;}
     /* features page css endss here */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px){
    /* .col-md-6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} */
    .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
   
    .mt-60{
        margin-top: 20px;
    }
}

@media (min-width: 992px){
    header .head-row .logo img {
        width: 300px;
    }
}