
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 2800px) { 
    .max--container{
        max-width: 2560px;
        margin: 0 auto;
    }
    .max--container .img-block{
        height: 600px;
        background-position: center;
    }
    .pr--sec_4{
        height: 100% !important;
    }
    /* .max--container .col-md-6{
        align-self: center;
    } */
    
 }
  @media (min-width: 768px) and (max-width: 2500px) {
.container{
    width: 96% !important;
        max-width: 96% !important;
}

  }
 @media (min-width: 1200px) and (max-width: 2500px) { 
    .logos--img{
        max-width: 70%;
    }
 }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
    .content-block { 
        padding: 40px 0px 40px; 
    }
    .content-block h1{
        font-size: 25px;
    }
    .content-block p { 
        margin-bottom: 20px;
        margin-top: 15px;
        padding: 0px 20px;
        line-height: 25px;
        font-size: 14px;
    }
    .content-block--footer{
        padding: 20px 35px;
    }
    .content-block--footer p{
        margin-bottom: 20px;
        margin-top: 15px; 
        font-size: 14px;
    }
    .content-block--footer .btn-theme--orange {
        font-size: 20px;
    }
    .pc-footer-banner .action-btn p{
        background: rgba(255,255,255,0.7);
        border-radius: 5px;
        margin-top: 5px;
        transform: translateX(-10px);
    }
    .logos--img{
        max-width: 70%;
    }

 }
 
 /* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) and (max-width: 991px) { 
    .header-menu .navbar-light .navbar-nav .nav-link{margin: 0;}
    .content-block { 
        padding: 20px;
    }
    .content-block h1{
        font-size: 20px;
    }
   
    .content-block p { 
        margin-bottom: 20px;
        margin-top: 15px;
        padding: 0px;
        line-height: 25px;
        font-size: 14px;
    }
    .content-block--footer p{
        margin-bottom: 20px;
        margin-top: 15px;  
        font-size: 14px;
    }
    .banner-section .content-block {
        padding: 80px;
    }
    .content-block--footer{
        padding: 20px 35px;
    } 
    .content-block--footer .btn-theme--orange {
        font-size: 16px;
    } 
    footer .footer-section{
        margin-top: 20px;
    }
    li.search--item{
        position: relative;
    }
    #search{
        width: 306px;
        position: relative;
        bottom:0;
        top: auto;
    }
    .pc--footer {
        padding: 10px;
    }
    .pc-footer-banner .action-btn p{
        background: rgba(255,255,255,0.7);
        border-radius: 5px;
        margin-top: 5px;
        transform: translateX(-10px);
    }
    .pc-footer-banner .pc-overlay-content{
        padding-left: 50px;
    }
    .pr--banner img {
        min-height: 400px;
    }
    .sec2--bg::before,.sec3--bg::before { 
        border-bottom: 50px solid #fc4c02;
        border-left: 50px solid transparent;
    }
    .pr--sec3::before { 
        border-bottom: 50px solid #fc4c02;
        border-right: 50px solid transparent;
    }

  }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 
    .overlay-content { 
        top: 20%; 
    }
    .content-block { 
        padding: 40px; 
    }
    .content-block p {padding: 0px;}
    .content-block h1{
        font-size: 30px;
    } 
    .banner-section .content-block {
        padding: 50px 30px;
    }
    .pr--banner img {
        min-height: 400px;
    }
    .footer-menu {
        padding: 20px 0px;
    }
    .sec2--bg::before,.sec3--bg::before { 
        border-bottom: 50px solid #fc4c02;
        border-left: 50px solid transparent;
    }
    .pr--sec3::before { 
        border-bottom: 50px solid #fc4c02;
        border-right: 50px solid transparent;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 0px) and (max-width: 767px) { 
    .topnav .row > col,
    .topnav .row > .col-auto{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .topnav .container{max-width: 100%;}
    .topnav__contact__main .col-6:nth-child(2){
        text-align: right;
        padding: 0px 15px !important;
    }
    .topnav__social{text-align: center;}
    .header-menu .navbar-light .navbar-nav .nav-link{margin: 0;}
    .content-block--footer .btn-theme--orange {
        font-size: 16px;
    }
    footer .footer-section h4,
    footer .footer-section{
        margin-top: 20px;
    }
    li.search--item{
        position: relative;
    }
    #search{
        width: 306px;
        position: relative;
        bottom:0;
        top: auto;
    }
    .pc--footer .footer-banner-contact button{
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .pc-footer-banner .pc-overlay-content {
        padding: 35px 0px 0px;
    }
    .pr--banner .pc--title p {
        font-size: 14px !important;
    }
    .pc-footer-banner .action-btn p{
        background: rgba(255,255,255,0.7);
        border-radius: 5px;
        margin-top: 5px;
        transform: translateX(-10px);
    }
    .pc-footer-banner .pc-overlay-content{
        padding-left: 50px;
    }
    .pr-footer-banner .footer-banner-contact button{
        border-color: white;
    }
    .order--1{order:1;}
    .order--2{order:2;}
    .copyright p {
        text-align: center !important;
    }
    
}
 
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 320px) and (max-width: 575px) { 
    .topnav__contact__main .col-6{
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center !important; 
    }
    .top-banner .container{padding: 0px;}
    .overlay-content { 
        width: 100% !important;
        position: relative;
    }
    .action-btn{
        text-align: center;
    }
    .overlay-content h1{font-size: 20px;}
    .action-btn button{
        margin-bottom: 15px;
    }
    .content-block { 
        padding: 20px 30px 20px;
    }
    .content-block h1{
        font-size: 20px;
    }
    .content-block p { 
        margin-bottom: 20px;
        margin-top: 15px;
        padding: 0px;
        line-height: 25px;
        font-size: 12px;
    }
    .content-block--footer p{
        margin-bottom: 20px;
        margin-top: 15px;  
        font-size: 12px;
    }
    .banner-section .content-block {
        padding: 40px 0px;
    }
    #search {
        width: 100%; 
    }
    .pc--title{
        padding-left: 20px !important;
    }
    .pc--title::before{
        transform: skewX(0deg) !important;
    }
    .pr--banner img {
        min-height: auto;
    }
    .pc--title::after,
    .pr--banner::before
    {display: none;}
    
    .pr-footer-banner .pc--title::before {
        left: -10px;
    }
    .footer-menu {
        padding: 20px 0px;
    }
    .sec2--bg::before,.sec3--bg::before { 
        border-bottom: 50px solid #fc4c02;
        border-left: 50px solid transparent;
    }
    .pr--sec3::before { 
        border-bottom: 50px solid #fc4c02;
        border-right: 50px solid transparent;
    }

}

@media (min-width: 0px) and (max-width: 375px) { 
    .content-block { 
        padding: 20px;
    }
    .content-block h1{
        font-size: 16px;
    }
    .content-block p {  
        line-height: 20px; 
    } 
}









