@media screen and (min-width: 1201px) {
    .nav-menu-icon,
    .dropdown-1 i,
    .br-custom-mobile,
    .br-custom-mobile-top,
    .float-phone,
    .mobile-head,
    #show-search-input-mobile,
    .atm-featured-mobile,
    .social-atm-head-mobile,
    .menu-sidebar {
        display: none;
    }
}

@media screen and (max-width: 991px ) {
    .overlay-miss {
        width: auto;
        height: auto;
        background: none;
    }

    .float-contact {
        display: none;
    }

    .float-contact-mobile {
        display: block;
    }

}

@media screen and (min-width: 320px) and (max-width: 1369px) {
    .mission-content h3 {
        padding: 0;
    }
}

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


    .close-mbmenu{
        position: absolute;
        left: 35px;
        top: 17px;
        width: auto!important;
        height: auto!important;
    }
    .close-mbmenu span{color:#000;}


    .atm-head-logo {
        display: none;
    }

    .tos-close {
        top: 70px !important;
    }

    .mobile-logo img {
        width: 100px;
        padding-top: 3px;
    }

    .dropdown-1:hover .sub-menu-1 {
        display: none;
        background-color: transparent;
    }

    .sub-menu-1 {
        box-shadow: none;
    }

    .sub-menu-style {
        padding: 0 20px;
    }

    .sub-menu-1 ul li {
        border: none;
    }

    .menu-sidebar {
        padding: 0 15px;
        width: auto;
    }

    .menu-popular-sidebar {
        width: auto;
    }

    .menu-popular-list {
        padding: 0;
    }

    .social-atm-head-mobile {
        padding: 40px 0;
    }

    .menu-popular-list:before {
        display: none;
    }

    .language, .search-nav {
        display: none;
    }

    .shop-cart {
        padding: 1px 10px;
    }

    header {
        background: #f6f7fb;
        padding: 0;
        width: 100%;
    }

    .header-subscribe {
        display: none;
    }

    #sticky-wrapper {
        height: 55px !important;
    }

    .sticky {
        position: relative;
    }

    .is-sticky .sticky {
        position: relative;
        background: #f6f7fb;
        padding: 0;
        height: 55px;
        width: 100%;
    }

    #show-search-input {
        position: absolute;
        top: 12px;
        width: 100%;
        left: 0;
        padding: 0 5px;
    }

    .mobile-search {
        text-align: right;
        padding: 18px 25px 0 0;
    }

    .nav-menu-icon {
        padding: 18px 0 0 25px;
    }

    .mobile-search ul li {
        list-style-type: none;
    }

    .mobile-search i {
        font-size: 18px;
    }

    .nav-menu-icon i {
        font-size: 28px;
        color: #FFF;
        float: left;
    }

    .atm-slide-more, .atm-slide-text {
        display: none;
    }

    .atm-slide-overlay, .atm-slide-inactive {
        padding: 10px 10px 10px 20px;
    }

    .active .atm-slide-inactive, .cloned .atm-slide-inactive {
        background: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80));
        width: 100%;
        height: 100%;
    }

    .atm-featured {
        display: none;
    }

    #atm-article {
        padding-top: 40px;
    }

    .main-article {
        padding: 20px 0 10px;
        border-bottom: 1px solid #f5f3f0;
    }

    .excerpt-date {
        padding-bottom: 30px;
    }

    .atm-excerpt-left {
        width: 17%;
    }

    .atm-excerpt-right {
        width: 100%;
        padding-top: 10px;
    }

    .atm-item-content {
        width: 100%;
        padding-right: 14px;
    }

    .atm-featured-mobile {
        width: 19em;
    }

    .main-nav ul li, .right-menu ul li {
        padding: 0 0 0 10px;
        text-align: left;
    }

    .is-sticky .main-nav ul li, .right-menu ul li {
        padding: 0 0 0 10px;
        text-align: left;
    }

    .br-custom-mobile-top::after {
        margin: 10px auto 0;
    }

    #about-us {
        padding: 40px 0;
    }

    .pb-20 {
        padding-bottom: 20px;
    }

    .pb-40 {
        padding-bottom: 40px;
    }

    .nav-left-atm {
        padding-left: 20px;
    }

    .nav-right-atm {
        padding-right: 20px;
    }

    .active:hover .atm-slide-overlay {
        opacity: 1;
        background: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80));
    }

    .center .atm-slide-overlay {
        background: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80));
    }

    .h3-slide-title a {
        color: #000;
        font-size: 20px;
    }

    .logo {
        width: 60%;
        text-align: center;
    }

    .logo img {
        margin-top: 10px;
    }

    .nav-menu a {
        letter-spacing: 1px;
    }

    .nav-menu {
        display: none;
        background: #FFF;
        width: 328px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        padding: 10px 0;
        text-align: center;
        box-shadow: 0.067em 0 2.333em rgba(0, 0, 0, 0.18);
        -webkit-transition: all ease .3s;
        -ms-transition: all ease .3s;
        transition: all ease .5s;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .nav-menu::-webkit-scrollbar {
        background-color: transparent;
    }

    .social-atm-head-mobile ul li a {
        display: inline-block;
        padding: 10px;
    }

    .social-atm-head-mobile ul li {
        display: inline-block;
        width: auto;
    }

    .ghost {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background-color: #FFFFFF00;
    }

    #main-menu {
        padding: 40px 0 0 0;
        margin: 0;
    }

    .main-nav .right-menu {
        display: none;
    }

    .main-menu li a {
        padding: 10px 25px;
        display: block;
        font-size: 11px;
        float: none;
        color:#000!important;
    }

    .main-menu li {
        width: 100%;
        padding: 0;
    }

    .main-menu a {
        display: block;
        text-align: left;
    }

    .sub-menu-1 {
        position: static;
    }

    .text-content-wrapper p {
        display: none;
    }

    .main-menu li a:hover:after {
        width: 0;
    }

    .main-menu li.active a:after {
        width: 0;
    }

    .right-menu {
        float: right;
        padding: 40px 0 40px 40px;
    }

    .promo-separator {
        text-align: center;
    }

    .btn.btn-color {
        float: none;
    }

    .main-bbox {
        height: 253px;
        overflow: hidden;
    }

    .newsletter-sign h3 {
        padding: 5px 0 0 0;
    }

    .news-separator, .news-button {
        padding: 0 0 12px 0;
    }

    .footer-newsletter {
        padding: 10px 0 0;
    }

    .news-box, .news-input-box {
        text-align: center;
    }

    .archive-header {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    h1.archive-title {
        margin-bottom: 0;
    }

    .entry-title {
        font-size: 18px;
    }

    .float-phone {
        opacity: 1;
        background: #ffffffa3;
    }

    .float-contact-mobile {
        opacity: 1;
        background: #ffffffa3;
    }

}

@media screen and (min-width: 767px) and (max-width: 1200px) {
    .atm-excerpt-left {
        width: 8%;
    }

    .atm-excerpt-right {
        width: 50%;
        padding-top: 0;
    }
}

@media screen and (max-width: 1369px) {
    .miss-img-mobile {
        display: none;
    }

    .mission-content p {
        padding: 20px 5px;
    }

    .iso-filters ul li a.filter-item {
        padding: 7px 4px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .tms-img img {
        margin-left: 10px;
        margin-right: 10px;
    }

    .tms-text {
        width: auto;
        display: block;
        padding: 10px;
        text-align: center;
    }

    .col-md-8 iframe {
        margin-top: 20px;
    }

    .overlay figcaption {
        bottom: 60px;
        opacity: 1;
    }

    .overlay figure:hover figcaption {
        opacity: 0;
    }

    .main-bbox .bbox-image::after, .main-bbox .bbox-image2::after {
        display: none;
    }

    /*  PHONE MOBILE  */
    .float-phone {
        display: inline-block;
        height: 50px;
        z-index: 9;
        width: 50px;
        position: fixed;
        bottom: 30px;
        left: 10px;
        color: #00bcd4;
        border-radius: 10px;
        font-size: 26px;
        text-align: center;
        border: 3px solid #00bcd4;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .float-phone i {
        padding: 9px 0;
    }

    .float-phone:hover {
        background-color: #00bcd4;
        color: #fff;
        font-size: 26px;
        opacity: 1;
    }

}

@media screen and (max-width: 500px) {
    .nav-menu {
        width: 270px;
        height: 100vh;
        text-align: center;
        z-index: 999;
    }

    .text-content h3 {
        font-size: 37px;
        line-height: 56px;
    }

    .main-menu li a {
        font-size: 13px;
        float: none;
        text-align: left;

    }

    .shop-cart {
        padding: 0;
    }

    .main-bbox {
        height: 253px;
    }

    .text-entry {
        padding-top: 20px;
    }
}

@media screen and (max-width: 375px) {
    .atm-featured-mobile {
        width: 16em;
    }

    .about-main-content {
        padding: 50px 30px 22px 45px;
    }

    .h6-rotate {
        left: -86px;
    }
}

@media not screen and (max-width: 1200px){
    .close-mbmenu{display:none!important;}
    .main-menu{
        display: flex;
        justify-content: space-around;
    }
    .main-menu a{
        font-size: 15px!important;
    }
    .main-nav, .right-menu {
        display: block;
    }
}