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

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

@media (min-width: 768px) {
}
@media (min-width: 320px) {
}

/* Max Width */
@media (max-width: 1919px) {    
    .bannerSec .contentBox{
        padding: 0 150px;
    }
    .bannerSec .contentBox .mainTitle{
        font-size: 50px;
    }
}

@media (max-width: 1599px) { 
    .bannerSecIn::before{
        left: -70px;
    }
    .thFooterIn{
        margin: 0 -50px;
    }
    .thFooterIn > *{
        padding: 0 50px;
    }
}

@media (max-width: 1439px) {   
    .bannerSec .contentBox .mainTitle{
        font-size: 40px;
    }
    .serviceSec .servRow .servColIn:hover .thCnt p{
        height: 110px;
    }
}

@media (max-width: 1365px) {
    .bannerSec .contentBox{
        padding: 0 80px 50px 80px;
    }
}

@media (max-width: 1279px) {
}

@media (max-width: 1199px) {
    .fullSec{
        margin: 0 auto 30px auto;
    }
    .thHeader .imgBox{
        width: 110px;
    }
    .thHeader nav ul li a{
        font-size: 13px;
    }
    .thHeader .btn{
        height: 40px;
        font-size: 12px;
    }
    .bannerSec .contentBox{
        padding: 40px 50px;
    }
    .bannerSec .contentBox .mainTitle{
        font-size: 35px;
    }
    .bannerSec .contentBox p{
        font-size: 15px;
    }
    .titleBar .mainTitle{
        font-size: 35px;
    }
    .aboutSecIn,
    .obectiveSecIn,
    .serviceSecIn{
        margin: 0 0 30px;
    }
    .abtRow,
    .obectiveSecIn .obtRow{
        margin: -15px;
    }
    .abtRow > *,
    .obectiveSecIn .obtRow > *{
        padding: 15px;
    }
    .abtRow .abtCol .abtColIn{
        padding: 35px 40px;
    }
    .abtRow .abtCol .abtColIn p,
    .obectiveSecIn .obtRow > .obtCol p{
        font-size: 15px;
        line-height: 1.7;
        margin: 0 0 15px;
    }
    .abtRow .abtCol .abtColIn .mainTitle{
        font-size: 25px;
    }
    .aboutSec .mainTitle,
    .serviceSec .titleBar{
        margin: 0 0 20px;
    }

    .obectiveSecIn{
        flex-direction: column;
    }
    .obectiveSecIn .titleBar{
        width: 100%;
        position: static;
    }
    .obectiveSecIn .titleBar .mainTitle{
        text-align: center;
        padding: 0;
    }
    .obectiveSecIn .titleBar .mainTitle::after{
        display: none;
    }
    .obectiveSecIn .obtRow > .obtCol .obtColIn{
        padding: 20px;
    }
    .obectiveSecIn .obtRow{
        padding: 0;
    }
    
    .serviceSec .servRow > .servCol:nth-child(2n){
        margin: 30px 0 0 0;
    }
    .serviceSec .servRow .servColIn .thCnt{
        padding: 10px;
    }
    .serviceSec .servRow .servColIn .thCnt .mainTitle{
        font-size: 17px;
        margin: 0;
        padding: 0 0 10px;
    }
    .serviceSec .servRow .servColIn .thCnt p,
    .serviceSec .servRow .servColIn:hover .thCnt p{
        height: auto;
        opacity: 1;
        visibility: visible;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-size: 13px;
        line-height: 1.3;
    }
    .serviceSec .servRow .servColIn .imgBox::after{
        opacity: 1;
        visibility: visible;
        height: 100%;
    }

    .thFooter{
        padding: 40px 0 0 0;
    }
    .thFooterIn{
        flex-wrap: wrap;
        margin: -20px;
    }
    .thFooterIn > *{
        padding: 20px;
    }
    .thFooterIn .thLt{
        width: 40%;
    }
    .thFooterIn .thRt{
        width: 60%;
    }
    .thFooterIn .thLt .imgBox{
        width: 120px;
        margin: 0 0 25px;
    }
    .ftMenuRow{
        flex-wrap: wrap;
    }
    .ftMenuRow > *{
        width: 50%;
    }
    .ftMenuRow > *:last-child{
        width: 100%;
    }
    .contRow > *{
        width: 50%;
    }
    .ftFoot{
        margin: 20px 0 0 0;
    }

    .subBanCnt .inner h1{
        font-size: 50px;
    }

    .fullSec.servPgSec{
        padding: 30px 0 0 0;
    }
    .servPgRow > * > .servPgColIn .cntBox{
        padding: 20px 15px;
    }
    .servPgRow > * > .servPgColIn .mainTitle{
        font-size: 16px;
    }
    .servPgRow > * > .servPgColIn .priceBox span:not(.icon){
        padding: 0 0 0 60px;
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .thContainer,
    .thContainerFluid{
        padding: 0 30px;
    }
    .bannerSec .bannerSecIn::before{
        left: 0;
        width: 100%;
        transition: none;
        transform: scale(1.5);
        top: -8em;
    }
    .bannerSec .bannerSecIn .imgBox{
        display: none;
    }
    .bannerSec .contentBox{
        width: 100%;
        text-align: center;
    }
    .bannerSec .contentBox .mainTitle{
        font-size: 40px;
    }

    .titleBar .mainTitle{
        font-size: 25px;
    }

    .aboutSec::before{
        top: -30px;
    }

    .serviceSec .servRow{
        margin: -15px;
    }
    .serviceSec .servRow > *{
        padding: 15px;
    }

    .activitySecIn .actiRow > *{
        padding: 15px;
    }

    .thFooterIn .thLt{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #3f4b71;
    }
    .thFooterIn .thLt,
    .thFooterIn .thRt{
        width: 100%;
    }

    .subBanCnt .inner{
        padding: 30px 0;
    }
    .subBanCnt .inner h1{
        font-size: 40px;
    }
    .subBanCnt .inner p{
        font-size: 16px;
    }
    .subBanCnt .inner::before{
        left: 0;
        bottom: -20px;
    }
    .subBanCnt .inner::after{
        right: 50px;
        top: 30px;
    }
    .servPgRow{
        margin: -15px;
        padding: 30px 0 0 0;
    }
    .servPgRow > *{
        padding: 15px;
    }
    .servPgRow > * > .servPgColIn .priceBox{
        top: 10px;
        right: 10px;
    }
    .servPgRow > * > .servPgColIn .mainTitle{
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .thContainer,
    .thContainerFluid{
        padding: 0 15px;
    }

    .thHeader nav ul li{
        padding: 0 5px;
    }
    .thHeader nav ul li:first-child{
        padding-left: 0;
    }
    .thHeader .btn{
        padding: 0 10px;
        font-size: 0;
    }
    .thHeader .btn.with-icon svg{
        margin: 0;
    }
    .bannerSec .contentBox p{
        margin: 0 0 25px;
    }
    .bannerSec .contentBox .mainTitle{
        font-size: 30px;
    }
    .bannerSec .contentBox .mainTitle br{
        display: none;
    }

    .abtRow, .obectiveSecIn .obtRow{
        margin: -7.5px;
    }
    .abtRow > *, .obectiveSecIn .obtRow > *{
        padding: 7.5px;
    }
    .abtRow .abtCol .abtColIn{
        padding: 20px;
    }
    .abtRow .abtCol .abtColIn .mainTitle{
        font-size: 20px;
    }
    .abtRow .abtCol .abtColIn .icon{
        right: 15px;
        top: 15px;
    }
    
    .serviceSec .servRow{
        flex-wrap: wrap;
    }
    .serviceSec .servRow > *{
        padding: 7.5px;
    }
    .serviceSec .servRow .servColIn .thCnt .mainTitle{
        font-size: 15px;
    }
    .serviceSec .servRow .servColIn .thCnt p, 
    .serviceSec .servRow .servColIn:hover .thCnt p{
        font-size: 12px;
        line-height: 1.2;
    }
    .serviceSec .servRow .servColIn .icon{
        width: 25px;
        height: 25px;
        top: 5px;
    }
    .serviceSec .servRow .servColIn .icon svg{
        width: 15px;
    }
    .serviceSec .servRow .servColIn:hover .icon{
        right: 5px;
    }
    .activitySecIn .actiRow .actiCol .actiColIn{
        font-size: 12px;
        line-height: 1.4;
    }   

    .obectiveSecIn .obtRow > .obtCol .mainTitle{
        margin: 0 0 10px;
    }

    .thFooter{
        padding: 10px 0 0 0;
    }
    .thFooterIn{
        margin: 0;
    }
    .thFooterIn .thLt p{
        font-size: 13px;
        line-height: 1.4;
        margin: 0 0 15px;
    }
    .ftFoot{
        margin: 0;
    }
    .contRow > *{
        margin: 0;
    }

    .titleBar .mainTitle{
        font-size: 20px;
    }

    .contentCMS{
        padding: 20px 0;
    }
    .contentCMS h2{
        font-size: 20px;
    }
    .contentCMS h3{
        font-size: 18px;
    }
    .contentCMS h1.mainTitle{
        font-size: 24px;
    }
    .contentCMS p,
    .contentCMS .numList li, 
    .contentCMS .listStyle li{
        font-size: 15px;
    }
    .contentCMS .note{
        padding: 15px;
    }

    .servPgRow > *{
        width: 50%;
    }

    .modal .solutionModal .modal-header .modal-title{
        font-size: 15px;
        line-height: 1.3;
    }
    .modal .solutionModal .modal-body{
        padding: 15px;
        margin: 10px -10px;
    }

    .formCustom .totalWrap{
        flex-wrap: wrap;
    }
    .formCustom .totalWrap > div{
        width: 100%;
        padding: 5px 0;
    }
    .formCustom .totalWrap > div:not(.number){
        align-items: center;
    }
    .formCustom .totalWrap > div.number{
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .thHeader .imgBox{
        width: 60px;
        margin: 0;
        padding: 0;
    }
    .thHeader nav ul li a{
        font-size: 11px;
        letter-spacing: 0;
    }
    .bannerSec .contentBox{
        padding: 30px 10px;
    }
    .bannerSec .bannerSecIn::before{
        top: 8em;
    }
    .bannerSec .contentBox .mainTitle{
        font-size: 25px;
        margin: 0 0 15px;
    }
    .bannerSec .contentBox p{
        font-size: 12px;
    }
    .thHeader .imgBox::after{
        display: none;
    }
    .thHeader nav{
        padding: 0 0 0 30px;
    }
    .thHeader .btn{
        padding: 0 10px;
        height: 35px;
    }
    .thHeader .btn.with-icon svg{
        width: 17px;
    }

    .abtRow{
        flex-wrap: wrap;
    }
    .abtRow > *,
    .obectiveSecIn .obtRow > *{
        width: 100%;
    }
    .serviceSec .servRow > *{
        width: 50%;
    }
    .serviceSec .servRow > .servCol:nth-child(2n){
        margin: 0;
    }
    .serviceSec .servRow .servColIn .thCnt .mainTitle{
        font-size: 17px;
    }
    .serviceSec .servRow .servColIn .thCnt p, 
    .serviceSec .servRow .servColIn:hover .thCnt p{
        display: none;
    }

    .activitySecIn .actiRow > *{
        width: 50%;
    }
    .activitySecIn .actiRow > *:nth-child(2n){
        border-right: none;
    }
    .activitySecIn .actiRow > *:nth-child(3n){
        border-right: 1px solid #eff3ff;
    }
    .activitySecIn .actiRow > *:nth-child(4n){
        border-bottom: 1px solid #eff3ff;
    }
    .activitySecIn .actiRow > *:last-child{
        border-right: none;
    }

    .contRow > *{
        width: 100%;
        margin: 0 0 15px;
    }
    .contRow > *:last-child{
        margin: 0;
    }
    .ftMenuRow .ftMenuColIn ul li a{
        font-size: 13px;
    }
    .thFooterIn .thLt, .thFooterIn .thRt{
        padding: 20px 0;
    }

    .ftFoot{
        padding: 20px;
    }
    .ftFoot p{
        line-height: 1.2;
    }
    .contRow .contCol a{
        font-size: 15px;
    }
    .ftMenuRow .ftMenuColIn > span{
        margin: 0 0 10px;
    }

    .socialList li a i svg{
        width: 17px;
    }

    .subBanCnt .inner h1{
        font-size: 30px;
        margin: 0px 0 10px 0;
    }
    .subBanCnt .inner p{
        font-size: 14px;
    }
    .servPgRow{
        margin: -7.5px;
    }
    .servPgRow > *{
        width: 100%;
        padding: 7.5px;
    }
}

@media (max-width: 390px) {
}