

@media only screen and (min-width:1300px) {
  body .services_slider_area .container{ max-width:1340px; }
}

@media only screen and (min-width:901px) {
  .main_header .collapse{ display: block; flex: inherit; float: left;     height: 100%;}
  .navbar-header{ display: none; }
  body .container{
    padding:0px;
  }
}

@media only screen and (max-width: 1600px) {
    body .top_search{ margin-left: 50px; }
    body #featured .container { max-width: 1270px; }
}

@media only screen and (max-width: 1400px) {
    body #featured .container { max-width: 1170px; }
    body .main-slider .flex-caption h3 .large_text{     font-size: 200px; }
    body .main-slider .flex-caption h3 .medium_text{ font-size: 110px; line-height: 123px; }
    body .main-slider .flex-caption h3{ font-size: 100px; line-height: 134px; }
    body .main-slider .flex-caption .btn{ bottom: 30px; }
    body header .navbar-nav > li > a{ padding:0px 15px; }
    body .top_search { margin-left: 20px; }
    body #client_logo .owl-nav button.owl-prev{ left: 0; }
    body #client_logo .owl-nav button.owl-next{ right:0px; }
    body .clients_logo .owl-carousel .owl-stage-outer{ padding:0px 0px; }

}

@media only screen and (max-width: 1300px) {
    body #featured .container { max-width: 1024px; }
    body .header-submenu .btn{ padding: 10px 15px; min-width: 119px;  }
    body header ul.nav li a{ font-size: 14px; }
    body .header-submenu .btn{ font-size: 14px; }
    #services-slider .flex-direction-nav .flex-next{ right:0px; }
    #services-slider .flex-direction-nav .flex-prev{ left:0px; }
    body #featured .main-slider .flex-caption .text-img img{ max-width: 90%; }
}

@media only screen and (max-width: 1200px) {
    body #featured .container { max-width: 960px; }
    body .main-slider .flex-caption h3 .large_text { font-size: 166px; }
    body .main-slider .flex-caption h3 .medium_text { font-size: 95px; line-height: 104px; }
    body .main-slider .flex-caption h3 { font-size: 96px; line-height: 120px; }
    body header .navbar-nav > li > a { padding:0px 8px; }
    body header .top_search svg{ width: 24px; }
    body .top_search { margin-left: 13px; }
    body header.darkHeader .header-submenu{     margin: 10px 0px; }
    body .main-slider .flex-caption{ padding:0px; }
    body footer { padding: 20px 0 0 0; }
    body footer .address{ width:50%; }
    body footer ul.social-network li i{     font-size: 32px; }
    body ul.social-network li{ margin: 0 20px 0px 0px; }
}


@media only screen and (max-width: 1100px) {
    body #featured .container {
        max-width: 768px;
    }
    body header ul.nav li a { font-size: 13px; }
    body header .navbar { height: 90px; } 
    body header .navbar-nav > li > a{ line-height:86px; }
    body .logo img.large_logo{    width: 56px;  }
    body .header-submenu{ margin-bottom:0px;  margin-top:25px; }
    body .top_search{ margin-bottom:0px; }
    body .top_search{ margin-top:30px; margin-right: 20px; }
    body #featured{ padding: 90px 0px 0px 0px; }
    body .main-slider.flexslider{ margin:0px; }
    body .main-slider .flex-caption {  padding: 0px 20px; }
    body .main-slider .flex-caption h3 .large_text { font-size: 120px; }
    body .main-slider .flex-caption h3 .medium_text { font-size: 66px; line-height:74px; }
    body .main-slider .flex-caption h3 { font-size: 60px; line-height: 82px; }
    body .main-slider .flex-caption h3 .medium_text span{ padding: 0px 20px; }
    body header.darkHeader ul.nav > li a{ font-size: 14px; }
    body header.darkHeader .header-submenu .btn{ margin:0px 18px 0px 0px; padding: 10px 0; font-size: 14px; }
    body .promotiona_section { padding: 100px 0px 30px 0px; }
    body .promotiona_section h4{  line-height: 34px; font-size: 26px; }
    body .callaction h2{ font-size: 40px; }
    body .callaction p{     font-size: 20px; }
    body .clients_logo h3{ font-size: 26px; }
    body .clients_logo { padding: 50px 0px 30px 0px; }
    body .clients_logo .view_link a{     font-size: 20px; }
    body .clients_logo .view_link{  margin: 30px 0px 10px 0px; }
    body .pt-page-banner img{ width:120%; }
    .feedback-banner-image {
        width: 100% !important;
    }
    body .pt-why-area h2 span{     font-size: 72px; }
    body .pt-why-area h2{ font-size: 72px; line-height: 74px; }
    body .pt-make-diff .content-area { padding: 0px 15px; }
    body .pt-make-diff .row { margin-bottom: 60px; }
    body .heading-2{ margin: 10px 0px;  font-size: 36px; }
   
} 

@media only screen and (max-width:1024px) {
    body .main_search_area .input-form input{  height: 90px; padding:0px 10px;  line-height: 90px;   font-size: 90px; }
}

@media only screen and (max-width:991px) {

    .map-area iframe{ height: 500px; }
    body .pt-page-banner .text-area h3{     font-size: 25px; }
    body .login #login-page{ width:90%; }
    body .pt-form-area h3{ font-size: 20px; }
    body .pt-meet-team { padding:60px 0px; }
    body .bottom-msg-area h2{ margin: 0px 0px 10px 0px; font-size: 62px; }
    body .logo{ margin: 0px 5px 0px 0px; }
    body .header-submenu .btn{     font-size: 14px; min-width: 115px; }
    body header.darkHeader .logo{     padding: 16px 15px; }
    body .darkHeader .logo .small_logo{   position: relative;  top:4px; width:100px; }
    body ul.social-network li{ margin: 0 20px 0px 0px; }
    body footer h4{     margin: 0px 0px 15px 0px; }
    body ul.link-list li{ margin: 0 0px 5px 0px; }
    body .footer-logo{ margin:10px 0px 20px 0px; }
    body .footer-logo svg{ width:250px; }
    body .pt-page-banner img { width: 140%;  position: relative; left: -20%; }
    .feedback-banner-image {
        width: 100% !important;
        position:unset !important;
    }
    body .pt-why-area h2 {     font-size: 58px; line-height: 70px; }
    body .pt-why-area h2 span { font-size: 64px; }
    body .pt-why-area { padding: 30px 0px; }
    body .pt-make-diff { padding: 20px 0px 80px 0px; }
    body .pt-why-area p, body .pt-why-area h4{ padding: 0; }
    body .pt-make-diff .content-area { padding: 0; }
    body section.callaction:before{  background-size: auto auto; top: -34px; }
    body section.callaction:after{ background-size: auto auto;  }
    body footer:before{ background-size: auto auto;  }
    body .pt-form-area { padding: 80px 0px; }
    body .heading-border{ font-size: 38px; }
    body .pt-client-area ul li{ height:120px; }
    body .pt-client-area ul li img{ max-height: 100%; }
    body .team_area ul li{ width:50%; }
    .input-form-responsive {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .input-form-responsive .selected-btn{
            margin-top:10px;
        }

        .input-form-responsive h6 {
            width: 100% !important;
        }

    .input-form-responsive .input-error{
        width:100%;
        margin-top:10px;
    }

    .input-form-responsive .input-error input{
        width: 100%;
    }
}


@media only screen and (max-width:900px) {
    body .scrollup{ bottom: 400px; }
    body .logo img.large_logo{ display: none; }
    body .logo .small_logo, body .darkHeader .logo .small_logo{ width:150px; top:0px;    opacity: 1; }
    body .logo{ line-height: 56px; padding: 0px 10px; }
    body header.darkHeader .logo{ height: 56px; line-height: 56px; padding: 0px 10px; }
    body header .navbar { height: 56px; }
    .navbar-header{ display: inline-block; position: relative; top:11px;    }
    .navbar-header button{ background:none; color:#a3a5a6; border:0px;   }
    .navbar-header button i{ font-size:34px; }
    body header .top_search svg, header.darkHeader .top_search svg{ width: 18px !important; height: 23px; }
    body .top_search { margin-top: 16px; }
    body .header-submenu{ display: none; }
    header.darkHeader .navbar {  height:56px; }
    body header.darkHeader{ height: 56px; }
    body .main_header{  background: #1a1e21; }
    body #featured { padding: 56px 0px 0px 0px; }
    #featured .flex-direction-nav{ display: none; }
    body #featured .container { max-width: 100%;     padding: 0px;}
    #featured .main-slider{ top:0px; }
    body .bottom_arrow{ display: none; }
    body .promotiona_section { padding: 50px 0px 30px 0px; }
    body footer ul.social-network li i{ font-size: 30px; }
    body .promotiona_section .main-slider{ padding: 0px 0px 0px 0px; }

    body .navbar-collapse{ display: none !important; }
    body .navbar-collapse.show{ display:block !important; position: fixed; top:0px; width:100%; background:rgba(35,160,150,0.9); height:100% !important; }
    body header ul.nav > li{ width:100%; height: auto; }
    body header ul.nav > li a, body header.darkHeader ul.nav > li a{ line-height:45px; width:100%; text-align: center; font-size: 30px; font-weight: 700; color:#fff; border:0px !important;}

    .dropdown-content .pmg-Acquisition {
        padding: 0px 4px !important;
    }
    .dropdown-content {
        position: unset !important;
        left: auto;
        background-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .dropdown {
        flex-direction: column;
    }

        .dropdown .nav-options {
            width: 100%;
            text-align: center;
            font-size: 30px !important;
            font-weight: 700 !important;
            color: #fff !important;
            border: 0px !important;
            line-height: 45px !important;
        }
    body header .navbar-collapse ul.navbar-nav{ width:100%; }

    body .header-submenu.show{ text-align: center; display:block !important; position: fixed; bottom:0px;
      top:inherit; width:100%; background:#0a3437;  height: auto; left: 0px; margin: 0px !important;
      padding-bottom:10px;
    }
    body .header-submenu .btn, body header.darkHeader .header-submenu .btn{ clear:both; line-height:64px; font-size: 42px; font-weight: 700; color:#fff; display: block;
        margin:0px; background:none; padding: 0px;
    }
    body .header-submenu:before{ background: url(../img/s3.svg) no-repeat top center; height: 80px; content: ""; position: absolute;  top: -20px; width: 100%;      left:0px;
    }
    body .close_menu{ display: block; float:right; position: relative; padding:10px; }
     body .close_menu i{ font-size:30px; color:#fff; }

    
}

@media only screen and (max-width:767px) {
   


    .heading-border-FeedbackForm {
        width: 100% !important;
        text-align: center;
        font-size: 26px !important;
        padding: 25px 0 !important;
    }

        .heading-border-FeedbackForm::before {
            bottom: 15px !important;
            width: 61% !important;
            height: 6px !important;
            left: 50% !important;
            transform: translate(-50%, 50%);
        }

    .feedback-banner-wrapper {
        width: fit-content;
    }

    body .display-table-cell .content-area {
        min-height: inherit;
    }

    .map-area iframe{ height:400px; }

  body header ul.nav > li a, body header.darkHeader ul.nav > li a{ line-height:45px; font-size:30px; }


  body .header-submenu .btn, body header.darkHeader .header-submenu .btn{  line-height:60px; font-size:38px; }

    body .display-table .display-table-cell{
      display: block;
      width:100%;
    }

    body .pt-page-banner.apply-banner img { width:200%; position: relative; left: -100%; }

    body .main_search_area .input-form input { height: 52px; padding:0px 10px; line-height:52px; font-size: 46px; }

    body .pt-page-banner .text-area .logo-img{     float: none; }
    body .pt-page-banner .text-area{ text-align: center; height: auto; padding:15px 10px;}
    body .pt-page-banner .text-area h3{ font-size: 21px;text-align: center;    margin: 5px 0px 0px; }
    body .apply-banner{ height: auto; }

    body .show-web{ display: none; }
    body .show-mobile{ display: block; }

    body #sub-footer{ margin: 20px 0px 0px  }

    body .pt-make-diff .row { margin-bottom: 20px; }
    body .pt-make-diff .img-area{ margin:10px 0px; }
    body .pt-why-area h2 { font-size: 42px; line-height: 48px; }
    body .pt-why-area h2 span{ font-size: 46px; padding: 0px 0px 8px; }
    body .container{ max-width:100%; }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ 
        width:100% !important;      
        flex: inherit;   
        max-width: 100%; 
    }
    section.callaction .container{ background-size: 150px auto;  padding: 45px 0px; }
    body .callaction h2 { font-size: 30px; line-height: 26px; }
    body .callaction p { font-size: 16px; }
    body .callaction p a:after{ width: 14px;top: 3px; }
    body .clients_logo h3 { font-size: 22px; }
    body footer h4 { margin: 20px 0px 15px 0px; }
    body ul.social-network{ margin: 0px 0px 20px 0px; }
    body .main-slider .flex-caption h3 .large_text { font-size: 100px; }
    body .main-slider .flex-caption h3 .medium_text { font-size: 54px; line-height: 64px; }
    body .main-slider .flex-caption h3 { font-size: 54px; line-height: 70px; }
    body .main-slider .flex-caption .btn { bottom:15px; font-size: 14px; padding: 7px 17px; width: 220px; }

    body .bottom-msg-area h2 { margin: 0px 0px 4px 0px; font-size: 48px; }

}

@media only screen and (max-width:580px) {
  body .main-popup-team .inner-content{ padding: 100px 20px 0px 20px; }
  body .main-popup-team .img_area{ width: 200px; height: 200px; }
  body .main-slider .flex-caption h3 .large_text { font-size: 82px; }
  body .main-slider .flex-caption h3 .medium_text { font-size: 44px; line-height: 58px; }
  body .main-slider .flex-caption h3 { font-size: 42px; line-height: 56px; }
  #featured .flexslider .slides img{     width:120%; }
  body .pt-why-area h2 span { font-size: 40px; }
  body .pt-why-area h2 { font-size: 40px; line-height: 44px; margin: 0px 0px 20px 0px; }
  body .heading-3{  font-size: 26px; }
  body .heading-2{ font-size: 30px; }
  body .pt-page-banner img { width: 160%; left: -30%; }
  body .pt-form-area { padding: 40px 0px; }
  body .heading-border{     font-size: 32px; }
  body .team_area ul li { width:100%; }
  body .pt-meet-team { padding:50px 0px; }
  body .profile_popup .flexslider .slides .img_area{     width: 200px;  height: 200px; }
  body .profile_popup .flexslider .slides .inner-content{     padding: 220px 50px 0px 50px; }
  body .pt-form-area h3{ font-size: 18px; }
  body .form-group.checked_f{ display: block !important; }
  body .form-group.checked_f p{ text-align:left !important; }

  body .form-group.checked_f p .forget-link{ margin:15px 0px 0px;  display: block; }
  body .pt-page-banner.apply-banner img { width:250%; position: relative; left: -120%; }
  body .main-slider .flex-caption .btn{ bottom:30px; }
  body #featured .main-slider .flex-caption .text-img img { max-width: 98%; }
}


@media only screen and (max-width:480px) {
   body .pt-page-banner.apply-banner img { width:300%; position: relative; left: -150%; }
  #featured .flexslider .slides img{     width:140%; }
  body .main-slider .flex-caption h3 .large_text { font-size: 70px; }
  body .main-slider .flex-caption h3 .medium_text { font-size: 38px; line-height: 50px; }
  body .main-slider .flex-caption h3 { font-size: 36px; line-height: 52px; }
  body .promotiona_section h4 { line-height: 28px; font-size: 20px; }
  body .promotiona_section { padding: 30px 0px 10px 0px; }
  body .promotiona_section .learn_link {  margin: 10px 0px 5px; }
  body .callaction h2 { font-size: 24px; line-height: 26px; }
  body .callaction p { font-size: 12px; line-height: normal; margin:0px; }
  body .clients_logo .view_link a { font-size: 16px; }
  body .footer-logo svg { width: 218px; }
  body .footer-logo { margin: 0px 0px 15px 0px; }
  body header ul.nav > li a, body header.darkHeader ul.nav > li a{ line-height: 62px; font-size: 38px; }
  body .header-submenu .btn, body header.darkHeader .header-submenu .btn{  line-height: 62px; font-size: 38px; }
  body .pt-why-area h2 span { font-size: 34px; }
  body .pt-why-area h2 { font-size: 36px; line-height: 40px; }
    .dropdown .nav-options{font-size: 38px !important}


}


@media only screen and (max-width:420px) {
  body .pt-page-banner.apply-banner img { width:350%; position: relative; left: -160%; }
  body .heading-border { font-size: 28px; padding: 0px 0px 16px 0px; margin-bottom: 5px; }
  body .heading-border:before{ background-size: 100% 100%; }
  body .bottom-msg-area h2 { margin: 0px 0px 5px 0px; font-size: 39px; line-height: normal; }
    .pmg-merger-logo-center  {
        max-width:300px;
    }
    .pmg-merger-logo-center img{ 
        width:100%;

    }
}


@media only screen and (max-width:380px) {
  body .main-slider .flex-caption h3 .large_text { font-size: 62px; }
  body .main-slider .flex-caption h3 .medium_text span { padding: 0px 10px; }
  body .main-slider .flex-caption h3 .medium_text { font-size: 33px; line-height: 40px; }
  body .main-slider .flex-caption h3 { font-size: 32px; line-height: 48px; left: 0px; }
  body .main-slider .flex-caption h3 .small_text { left: -1px; }
  body .main-slider .flex-caption .btn{ font-size: 15px;padding: 7px 16px; width: 240px; }
  body footer .address{ width:100%; }
  body .pt-why-area h2 span { font-size: 28px; }
  body body .pt-why-area h2{ line-height: 36px; }
  body .pt-page-banner.apply-banner img { width:400%; position: relative; left: -200%; }
}


