
/* Medium Desktop */
@media only screen and (max-width: 1440px) {
  
}

/* Small Laptop */
@media only screen and (max-width: 1280px) {
  
}

/* Tablet (Landscape) */
@media only screen and (max-width: 1024px) {
    .main-wapper{padding-top: 62px;}
    .main-header{padding: 15px 0;}
    .main-header .logo {width: 150px;}
    .main-header .logo img{width: 100%;}
    .main-header .rightside ul.main-menu li{margin-left: 15px; display: flex;}
    .main-header .rightside ul.main-menu li a {font-size: 13px;}
    .main-header .rightside .in-icon{margin-left: 15px;}

    .top-main-slider-area .inner-photo-block{height: 500px;}
    .top-main-slider-area .inner-photo-block .content-area h2{font-size: 30px; line-height: 42px;}

    .atmco-holdings-area{padding: 40px 0 0 0;}
    .atmco-holdings-area .subtitle{margin: 0 0 10px 0;}
    .atmco-holdings-area h1 {font-size: 30px; line-height: 38px;}
    .atmco-holdings-area p {font-size: 16px; line-height: 24px; margin: 0 0 15px 0;}
    .atmco-holdings-area a.btn-read{padding: 12px 32px; margin-top: 10px;}

    .companies-area{padding: 40px 0 0 0;}
    .companies-area .subtitle{margin: 0 0 10px 0;}
    .companies-area h2{font-size: 30px; line-height: 38px;}
    .companies-area p {font-size: 16px; line-height: 24px; margin: 0 0 15px 0;}
    .companies-area ul.company-list li{width: 50%;}
    .companies-area ul.company-list li .company-block{padding: 30px 30px 20px 30px;}
    .companies-area ul.company-list li .company-block p{margin: 0 0 20px 0;}
    .companies-area ul.company-list li .company-block .btn-read{padding: 20px 0 0 0;}

    .our-legacy-area{padding: 40px 0 0 0;}
    .our-legacy-area .subtitle{margin: 0 0 10px 0;}
    .our-legacy-area h2{font-size: 30px; line-height: 38px; margin: 0 0 20px 0;}
    .our-legacy-area .legacy-block .leftside{padding-right: 10px; min-height: 480px;}
    .our-legacy-area .legacy-block .content{padding: 20px;}
    .our-legacy-area .legacy-block .content .number{font-size: 30px; line-height: 30px; padding-bottom: 15px; margin-bottom: 15px;}
    .our-legacy-area .legacy-block .content h3{font-size: 20px; line-height: 22px;}
    .our-legacy-area .legacy-block .content p{font-size: 14px; line-height: 22px;}
    .our-legacy-area .legacy-block .content .swiper-button-next.bottom-part{display: block;}
    .our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .photo-block{width: 100px; height: 58px;}
    .our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .next-info {width: 100%; padding-left: 0; padding-top: 10px;}
    .our-legacy-area .legacy-block .content .swiper-button-next.bottom-part .next-info .next{margin: 0 0 5px 0;}
    .our-legacy-area .swiper-pagination{display: none;}

    /*.latest-insights-area{padding: 40px 0 40px 0;}
    .latest-insights-area .subtitle{margin: 0 0 10px 0;}
    .latest-insights-area h2{font-size: 30px; line-height: 38px; margin: 0 0 20px 0;}
    .latest-insights-area .insight-block{padding: 24px 28px; min-height: 400px;}
    .latest-insights-area .insight-block .date{font-size: 12px; line-height: 20px; margin: 0 0 20px 0;}
    .latest-insights-area .insight-block h3 {font-size: 20px; line-height: 30px;}
    .latest-insights-area .insight-block p{font-size: 14px; line-height: 22px;}
    .latest-insights-area .insight-block .link .icon{width: 40px; height: 40px;}*/

    .footer-area .d-flex{flex-wrap: wrap; padding: 30px 0 20px 0;}
    .footer-area .about-info{width: 100%; padding: 0 0 30px 0; min-height: auto;}
    .footer-area .link-part{width: 30%; padding-right: 30px; min-height: 200px;}
    .footer-area .contact-info {width: 40%; min-height: 200px;}
    .footer-area h2{font-size: 18px; line-height: 22px; margin: 0 0 12px 0;}
    .footer-area ul.link li a{font-size: 15px; line-height: 25px;}
    .footer-area .location{margin: 15px 0 12px 0; font-size: 15px;}
    .footer-area .copyright{padding: 15px;}

    .about-area{padding: 40px 0;}
    .about-area h2{font-size: 30px; line-height: 38px;}
    .about-area p{font-size: 16px; line-height: 24px; }

    .our-businesses-area{padding: 40px 0;}
    .our-businesses-area .container{display: block;}
    .our-businesses-area .subtitle{margin: 0 0 10px 0;}
    .our-businesses-area h2{font-size: 30px; line-height: 38px;}
    .our-businesses-area p{font-size: 16px; line-height: 24px; }
    .our-businesses-area .leftside{width: 100%; padding: 0 0 20px 0;}
    .our-businesses-area ul.logo-list{width: 100%;}
    .our-businesses-area ul.logo-list li{width: 25%;}
    .our-businesses-area ul.logo-list li .logo-area img{max-width: 80%; max-height: 80%;}

    .inner-photo-area{height: 250px;}
    .inner-photo-area .content-area h1{font-size: 30px; line-height: 42px;}

    .what-we-do-page{padding: 40px 0 20px 0;}
    .what-we-do-page ul.company-list li{margin-bottom: 20px;}
    .what-we-do-page ul.company-list li .photo-block{width: 44%; padding-right: 10px; min-height: auto;}
    .what-we-do-page ul.company-list li .content-area{padding: 20px; width: 56%;}
    .what-we-do-page ul.company-list li .content-area p{font-size: 16px; line-height: 24px; }
    .what-we-do-page ul.company-list li .content-area a.btn-link{padding: 12px 32px;}
    .what-we-do-page ul.company-list li .content-area .logo{margin-bottom: 18px; position: relative; padding-bottom: 25px;}

    .news-insight-page{padding: 40px 0;}
    .news-insight-page .news-block .news-content{padding: 10px 0 0 22px;}
    .news-insight-page .news-block .news-content h3{font-size: 18px; line-height: 24px;}
    .news-insight-page .news-block .news-content h3::before {top: 6px; left: -22px;}
    .news-insight-page .news-block .photo-block{height: 260px;}
    .news-insight-page .inner-flex{display: block;}
    .news-insight-page .inner-flex .titlebar{width: 100%;}
    .news-insight-page .rightside{width: 100%;}
    .news-insight-page .inner-flex .titlebar .subtitle{margin: 0 0 10px 0;}
    .news-insight-page .inner-flex .titlebar h2{font-size: 30px; line-height: 38px; margin: 0 0 20px 0;}

    .career-page{padding: 40px 0;}
    .career-page p{font-size: 16px; line-height: 24px; }
    .career-page .career-form{padding: 30px;}
    .career-page .career-form h2{font-size: 30px; line-height: 38px; margin: 0 0 20px 0;}
    .career-page .career-form .input-block{margin-bottom: 12px;}
    .career-page .career-form .input-block .form-control{padding: 18px 0; font-size: 15px; line-height: 21px;}

    .contact-page{padding: 40px 0;}
    .contact-page .light-bg{padding: 30px;}
    .contact-page h2{font-size: 40px; line-height: 48px; margin: 0 0 20px 0;}
    .contact-page h3{font-size: 28px; line-height: 36px;}
    .contact-page .form-area{padding-right: 50px;}
    .contact-page p{font-size: 16px; line-height: 24px; }
    .contact-page .form-area .input-block .form-control{padding: 18px 0; font-size: 15px; line-height: 21px;}
    .contact-page h4{font-size: 20px; line-height: 20px; padding-bottom: 14px; margin-bottom: 8px;}
    .contact-page .info{margin: 0 0 20px 0;}
    .contact-page .map-area{height: 284px;}
    
    .privacy-policy-page-area {padding: 40px 0;}
    .privacy-policy-page-area .privacy-list li{font-size:16px;line-height:24px;padding-left:28px;}
    .privacy-policy-page-area .privacy-list li::before{top:6px;}
    
    .leadership-area .subtitle {margin:0 0 10px 0;}
    .leadership-area {
    padding: 40px 0 40px 0;
}
.leadership-area h2{font-size:30px;line-height:38px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .leadership-block-inner .leadership-block {padding:30px;}
    .leadership-area .leadership-block .photo{height:100px;width:100px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .name{font-size:30px;line-height:38px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .name span{font-size:20px;line-height:24px}
    .leadership-area .leadership-block p{font-size:16px;line-height:28px;margin:20px 0 20px 0;}
    .leadership-area .leadership-block .link .icon {height:40px;width:40px}
  .leadership-area .leadership-block {display:block}
  .leadership-area .leadership-block .leadership-block-inner{width:100%;min-height:487px;}

.leadership-area .leadership-block .leadership-block-inner:second-child{padding:0 0 0 13px;}
}

/* Tablet (Portrait) */
@media only screen and (max-width: 767px) {

    .main-header .btn-menu{display: block;}
    .main-header .rightside ul.main-menu{position: fixed; background: var(--main-color); top: 62px; right: -100%; width: 100%; display: block; padding: 20px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
    .main-header .rightside ul.main-menu.open{right: 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
    .main-header .rightside ul.main-menu li{margin: 0px;}
    .main-header .rightside ul.main-menu li a{font-size: 13px; line-height: 22px; display: block;}
    .main-header .rightside ul.main-menu li a:hover, .main-header .rightside ul.main-menu li a.active{color: #fff;}

    .atmco-holdings-area .subtitle{margin: 0 0 6px 0;}
    .atmco-holdings-area h1 {font-size: 24px; line-height: 32px; margin: 0 0 10px 0;}
    .atmco-holdings-area p{font-size: 14px; line-height: 21px;}

    .companies-area ul.company-list li{width: 100%;}
    .companies-area .subtitle{margin: 0 0 6px 0;}
    .companies-area h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0;}
    .companies-area p{font-size: 14px; line-height: 21px; padding-right: 0px;}
    .companies-area ul.company-list li .company-block{min-height: auto; padding: 20px;}
    .companies-area ul.company-list li .company-block .bottom-part{margin-top: 20px;}

    .our-legacy-area .subtitle{margin: 0 0 6px 0;}
    .our-legacy-area h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0;}
    .our-legacy-area p{font-size: 14px; line-height: 21px; padding-right: 0px;}
    .our-legacy-area .legacy-block{display: block;}
    .our-legacy-area .legacy-block .leftside{padding: 0 0 10px 0; min-height: auto; width: 100%;}
    .our-legacy-area .legacy-block .leftside .photo-video{height: 240px;}
    .our-legacy-area .legacy-block .content {width: 100%;}
    .our-legacy-area .legacy-block .content .top-part{margin-bottom: 40px;}

    /*.latest-insights-area .subtitle{margin: 0 0 6px 0;}
    .latest-insights-area h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0;}
    .latest-insights-area .insight-block h3 {font-size: 18px; line-height: 24px;}*/

    .footer-area .link-part{width: 50%; padding-right: 0; min-height: auto; padding-bottom: 15px;}
    .footer-area .contact-info{width: 100%; min-height: auto;}

    .about-area .container{display: block;}
    .about-area h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0; width: 100%;}
    .about-area .content-block{width: 100%;}
    .about-area p, .about-area li{font-size: 14px; line-height: 21px;}
    .about-area .full_area_d h2{width: 100%;margin-bottom: 15px;  margin-top: 20px;}

    .our-businesses-area .subtitle{margin: 0 0 6px 0;}
    .our-businesses-area h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0;}
    .our-businesses-area p{font-size: 14px; line-height: 21px;}
    .our-businesses-area ul.logo-list li{width: 50%;}
    .our-businesses-area ul.logo-list li .logo-area{height: 70px;}

    .news-insight-page{padding: 40px 0 25px 0;}
    .news-insight-page .inner-flex .titlebar .subtitle{display: block;}
    .news-insight-page .inner-flex .titlebar h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0; width: 100%;}
    .news-insight-page .rightside .news-block .photo-block {height: 240px;}
    .news-insight-page .news-block .news-content h3 { font-size: 16px;}
    .news-insight-page ul.news-list li{width: 100%; margin-bottom: 15px;}

    .career-page p{font-size: 14px; line-height: 21px;}
    .career-page .career-form h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0; width: 100%;}
    
    .contact-page .inner-flex{display: block;}
    .contact-page .light-bg{padding: 20px;}
    .contact-page h2{font-size: 24px; line-height: 32px; margin: 0 0 10px 0; width: 100%; padding: 0 0 18px 0;}
    .contact-page h3{font-size: 20px; line-height: 26px;}
    .contact-page p{font-size: 14px; line-height: 21px;}
    .contact-page .form-area{width: 100%; padding: 0 0 20px 0;}
    .contact-page .contact-info{width: 100%;}

    .what-we-do-page ul.company-list li{display: block;}
    .what-we-do-page ul.company-list li .photo-block{width: 100%; padding: 0px 0px 10px 0px;}
    .what-we-do-page ul.company-list li .photo-block .inner{height: 300px;}
    .what-we-do-page ul.company-list li .content-area{width: 100%;}
    .what-we-do-page ul.company-list li .content-area p{font-size: 14px; line-height: 21px; margin: 0 0 15px 0;}
    .what-we-do-page ul.company-list li:nth-child(2n) .photo-block{width: 100%; padding: 0px 0px 10px 0px;}


    .privacy-policy-page-area {padding: 40px 0;}
    .privacy-policy-page-area .privacy-list li{font-size:14px;line-height:22px;padding-left:26px;}
    .privacy-policy-page-area .privacy-list li::before{top:6px;}
    
    .leadership-area .leadership-block {display:block;}
    .leadership-area h2{font-size:28px;line-height:36px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .leadership-block-inner .leadership-block {padding:30px;min-height:500px;}
    .leadership-area .leadership-block .photo{height:80px;width:80px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .name{font-size:28px;line-height:36px;margin:0 0 20px 0;}
    .leadership-area .leadership-block .name span{font-size:18px;line-height:22px}
    .leadership-area .leadership-block p{font-size:14px;line-height:26px;margin:0 0 18px 0;}
    .leadership-area .leadership-block .link .icon {height:30px;width:30px}
    .leadership-area .leadership-block .leadership-block-inner{width:100%;padding:0;margin-bottom:30px;}
    
.leadership-area .subtitle {margin:0 0 6px 0;}
    .leadership-area {padding: 40px 0 0px 0;}
    .leadership-area .leadership-block .leadership-block-inner:first-child {padding:0;}
}

    
    

/* Large Mobile (Portrait) */
@media only screen and (max-width: 480px) {

}

/* Small Mobile (Portrait) */
@media only screen and (max-width: 320px) {

}











