/*----------------========----------------
/  02. min-width: 1594x & max-width: 1880px
/----------------========----------------*/
@media (min-width: 1594px) and (max-width: 1880px) {
    
}
/*----------------========----------------
/  03. max-width: 1594px
/----------------========----------------*/
@media (max-width: 1593px) {

}
/*----------------========----------------
/  04. min-width: 1366px & max-width: 1593px
/----------------========----------------*/
@media (min-width: 1366px) and (max-width: 1593px) {

}

/*----------------========----------------
/  05. min-width: 1200px & max-width: 1365px
/----------------========----------------*/
@media (min-width: 1200px) and (max-width: 1365px) {
    
}

/*----------------========----------------
/  06. max-width: 1365px
/----------------========----------------*/
@media (max-width: 1365px) {
    
}

/*----------------========----------------
/  07. min-width: 1200
/----------------========----------------*/
@media(min-width:1200px){
    .mainMenu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/*----------------========----------------
/  08. min-width: 992px & max-width: 1199px
/----------------========----------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .secTitle {
        font-size: 50px;
        line-height: 55px;
    }
}

/*----------------========----------------
/  09. max-width: 1199px
/----------------========----------------*/
@media (max-width: 1199px) {
    
    .footer .widget.aboutAnmo {
        padding: 0;
    }
    .footer .widget.getInTouch {
        padding: 0;
        margin-right: 0;
    }
    .footer .widget.explore-link {
        padding: 0 0 0 40px;
    }
    .footer .widget.officeTime-widget {
        padding: 0 0 0 0px;
        margin-right: -4px;
    }
    .footer-area:before {
        top: 25px;
        left: 20px;
    }
    .footer-area:after {
        top: 111px;
        right: 15px;
    }
   
    .fofPage h3 {
        font-size: 44px;
    }
    .fofPage h1 {
        font-size: 222px;
    }
    .fofPage {
        padding: 140px 0 150px;
    }
    .contact-googleMap,
    .googleMapJS {
        padding: 0 0px 0 0;
    }
    .sdb-widget:before {
        left: auto;
        right: 21px;
    }

    .babSocial {
        right: 30px;
    }

    .menuToggler {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: #0d0d0d;
        height: 48px;
        width: 48px;
        padding: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 17px 0 21px 15px;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menuToggler i {
        position: relative;
        margin: 0;
    }
    .headerInner02 .menuToggler i{
        top: -1px;
        margin: 0 9px 0 0;
    }
    .menuToggler span{
        display: none;
    }
    .headerInner02 .menuToggler span{
        display: inline-block;
    }
    .menuToggler:hover,
    .menuToggler.active {
        background: #fff;
        color: #0d0d0d;
    }
    .mainMenu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        background: #0d0d0d;
        width: 100%;
        border-radius: 2px;
        padding: 5px 0;
        max-height: calc(100vh - 180px);
        overflow-y: auto;
    }
    .mainMenu ul {
        display: block;
        width: 100%;
    }
    .mainMenu > ul > li, .header02 .mainMenu > ul > li{
        margin: 0;
        padding: 0;
    }
    .mainMenu > ul > li:last-child > a {
        border-bottom: none;
    }
    .mainMenu > ul > li > a {
        display: block;
        padding: 14px 25px; color: #fff;
    }
    .mainMenu > ul > li > a:hover { color: #d12030;}
    .mainMenu ul li.menu-item-has-children > a:after {
        float: right;
    }
    .mainMenu ul li ul {
        position: relative;
        display: none;
        top: auto;
        left: auto;
        width: 100%;
        padding: 0 25px;
        margin: 0;
        background: transparent;
        text-align: left;
        box-shadow: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        border-top: none;
        visibility: visible;
        border-radius: 0;
        -webkit-transition: none;
        transition: none;
    }
    .mainMenu ul li ul li ul {
        left: auto;
        top: auto;
        margin: 10px 0 0;
    }
    .mainMenu ul li ul li {
        padding: 0;
        margin: 0;
        background: #fff;
        padding: 12px 25px;
    }
    .mainMenu ul li ul li ul li{
        background: #f8f8f8;
    }
    .mainMenu ul li ul li a {
        width: 100%;
    }
    .underlines:after {
        bottom: 1px;
        background-size: 100%;
        background-position: bottom left;
        left: 0;
    }
    .mainMenu ul li ul li:hover ul{
        top: auto;
        left: auto;
    }
    .mainMenu ul li > ul li.menu-item-has-children > a:after{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .sliderMainImage img {
        width: 100% !important;
        height: auto !important;
    }
    .s2underlines:after {
        bottom: 17px;
    }
}

/*----------------========----------------
/  10. min-width: 768px & max-width: 991px
/----------------========----------------*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*----------------========----------------
/  11. max-width: 991px
/----------------========----------------*/
@media (max-width: 991px) {
    .footer .noPaddingRight {
        padding-right: 12px;
    }
    .footer .widget.explore-link {
        padding: 0;
    }

    .fofPage h1,
    .fofPage h3,
    .fofPage p {
        padding-left: 0px;
    }
    .contact-form {
        padding: 0;
        margin: 55px 0 0;
    }
    .secTitle {
        font-size: 44px;
        line-height: 49px;
    }
    .tb-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 15px 12px;
    }
    div.tb-info {
        justify-content: flex-end;
        padding-right: 0px;
    }
    span.tb-infoTime {
        display: none;
    }
    .tb-info span a {
        top: -1px;
    }
    .s2underlines:after {
        bottom: 12px;
        left: 0;
    }

}

/*----------------========----------------
/  12. min-width: 576px & max-width: 767px
/----------------========----------------*/
@media (min-width: 576px) and (max-width: 767px) {
    .anmoCounter {
        padding: 27px 9px;
    }
    .anmoCounter01-desc {
        font-size: 20px;
        line-height: 28px;
    }
    .Header-Topbar01 .container, .header01 .container{
        max-width: 100%;
    }
    
}
/*----------------========----------------
/  13. max-width: 767px
/----------------========----------------*/
@media (max-width: 767px) {
    .pageBannerContent h2 {
        font-size: 66px;
    }
    .singleAddress.saMapCall i {
        top: 2px;
    }
    .siteInfo {
        text-align: center;
        margin-bottom: 10px;
    }
    .footerInfoNav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }
    .secTitle br {
        display: none;
    }
    .subscribe-content .secTitle {
        margin-bottom: 20px;
    }
    
    .contactIconBox-section {
        padding: 100px 0 75px;
    }
    
    .shapeResponsive img{
        width: 100% !important;
        height: auto !important;
    }
    .textLayer .textPara{
        white-space: normal !important;
    }
    .textLayer .textPara br{
        display: none;
    }
    .s2underlines:after {
        bottom: 8px;
    }
}
/*----------------========----------------
/ 14. max-width: 679px 
/----------------========----------------*/
@media(max-width:679px){
}

/*----------------========----------------
/  15. max-width: 575px
/----------------========----------------*/
@media (max-width: 575px) {
    .footer-area {
        padding: 105px 0 29px;
    }
    .pageBanner:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -430px;
    }
    .Hero-content h3 {
        font-size: 22px;
    }
    .secTitle,
    .projectSection01 .secTitle {
        font-size: 38px;
        line-height: 43px;
    }
    .fofPage h1 {
        font-size: 130px;
    }
    .fofPage h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .fofPage {
        padding: 85px 0 80px;
    }
    .contactIconBox-section .iconBox01:after {
        bottom: -330px;
        left: auto;
        right: -285px;
    }
    .contact-section-heading p br {
        display: none;
    }

    .iconBox03 p {
        max-width: 100%;
    }
    .anContact a {
        min-width: 130px;
    }
    .headerInner02 .menuToggler {
        padding: 0 22px;
    }
    div.tb-info {
        display: none;
    }
    .contactExpert01-icon i{
        padding:9px 9px 10px 12px;
    }

}
/*----------------========----------------
/ 16. max-width: 539px 
/----------------========----------------*/
@media(max-width:539px){
    .anUser a span{
        display: none;
    }
    .anUser a i{
        margin:0;
    }
}


/*----------------========----------------
/  17. max-width: 479px
/----------------========----------------*/
@media (max-width: 479px) {
    .logo { padding: 15px 0;}
    .pageBannerContent h2 {
        font-size: 46px;
    }
    #backtotop {
        right: 12px;
        bottom: -25px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .sdb-widget,
    aside.latestPost-widget,
    aside.sdb-QuickEmail {
        padding: 52px 20px 42px 20px;
    }
    .babSocial {
        top: 37px;
        right: 10px;
    }
    .iconBox02 {
        padding: 0px 8px 0 74px;
    }
    .iconBox04-icon {
        width: 60px;
        height: 71px;
        left: 15px;
        border-radius: 10px;
    }
    .iconBox042nd-card .iconBox04-icon {
        left: 15px;
    }
    .iconBox04-icon img {
        width: 35px;
        height: auto;
    }
    .iconBox04-icon img.file-interface-icon {
        width: 48px;
        height: auto;
    }
    .iconBox04 {
        background-color: #333e4f;
        border-radius: 3px;
        padding: 42px 15px 36px 90px;
        position: relative;
    }

    .popup_search_form input[type="search"] {
        font-size: 20px;
        line-height: 48px;
    }
    .menuToggler {
        height: 34px;
        width: 34px;
        margin: 20px 0 15px 10px;
    }
    .anItems > div.menu-grid {
        margin: 26px 0 28px;
    }
    .menu-grid > a {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .menu-grid > a i {
        font-size: 25px;
        top:4px;
    }
    .anItems > div.anSearch {
        margin: 0 10px 0 0;
    }
    .anItems .anSearch a > i {
        top: 5px;
        font-size: 20px;
    }
    .anItems .anUser {
        display:none;
    }
    .headerInner01 {
        padding: 0 12px 0 12px;
    }
    .anItems {
        padding: 0 0 0 12px;
    }

}

/*----------------========----------------
/  18. max-width: 359px
/----------------========----------------*/
@media (max-width: 359px) {
    .siteInfo {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .footerInfoNav ul li a {
        font-size: 13px;
    }
    .iconBox05 {
        padding: 63px 18px 62px;
    }
    .anmoSupport .tb-contect-tel, .anmoSupport .tb-contect-expert {
        font-size: 14px;
        line-height: 24px;
    }
    .tb-info span, .tb-info span a {
        font-size: 14px;
        line-height: 24px;
    }
    .anItems > div.anSearch {
        display: none;
    }
}