/* ===========================================================
MOBILE SCREEN
=================================================================== */
@media (max-width: 480px) {
    .col-logo{
        display:block;
    }
    .logo-icon ul{
        margin-top: 20px;
        justify-content: center;
    }
    .logo-div{
        margin:0!important;
    }
    .logo-1 img{
        margin-top: 15px;
    }
    .col-time P{
        float:none!important;
        text-align: center;
        margin-top:10px;
    }
    .navbar-toggler {
        border: .3px solid #fff!important;
    }
    .sec-title h1{
        font-size:25px;
    }
    .hyb-block::after{
        display:none;
    }
    .abt-right{
        /* padding:20px; */
        padding-left:0!important
    }
    .se-1{
        margin-top:0!important;
    }
    .se-2{
        margin-top:20px!important;
    }
    .partner-logos{
        display:block;
    }
    .partner-logos img{
        padding:0!important;
    }
    .col-rev{
        flex-direction: column-reverse;
    }
    .quote-container h1{
        font-size:35px;
    }
    .quote-container::after{
        font-size: 2.5rem;
        top: -15px;
        left: 15px;
    }
    .quote-container{
        padding: 0 !important;
    }
    .f-ul{
        margin-top:50px;
    }
    .abt-hcon::after{
        display:none;
    }
    .right{
        padding: 40px;
        min-height:auto;
    }
    .form input, textarea{
    width:200px;
    }
    .contact-row{
        width:100%;
    }
    .sea-font img{
     width:100%;
    }
    .banner-in h1{
        font-size:31px;
    }
    .hybi-img{
        margin-top:0!important;
    }
    .ppl-img img{
        margin-top:200px;
    }
    .wa-float, .float{
        width: 40px;
        height: 40px;
    }
    .my-float, .wa-my-float{
        margin-top: 13px;
        font-size: 18px;
    }
    .back-button{
        width: 40px;
    height: 40px;
    }
    .back-button::after{
        font-size: 1em;
        line-height: 40px;
    }
    .carb-con h1{
        font-size: 25px;
    }
    header{
        display:none;
    }
    .four-block{
        display:none;
    }
    .copy-img{
        width: 100%;
    }
}

/* ===========================================================
TABLET SCREEN
=================================================================== */

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

}

/* ==================================================================
Media Query for low resolution  Tablets, Ipads 
======================================================================*/
@media (min-width: 481px) and (max-width: 767px) {
    .col-logo{
        display:block;
    }
    .logo-icon ul{
        margin-top: 20px;
        justify-content: center;
    }
    .logo-div{
        margin:0!important;
    }
    .logo-1 img{
        margin-top: 15px;
    }
    .col-time P{
        float:none!important;
        text-align: center;
        margin-top:10px;
    }
    .abt-right{
        /* padding:20px; */
        padding-left:0!important
    }
    .se-1{
        margin-top:0!important;
    }
    .se-2{
        margin-top:20px!important;
    }
    .hyb-block::after{
        display:none;
    }
    .partner-logos img{
        padding:0!important;
    }
    .carb-con h1{
        margin-top:0;
        font-size:25px;
    }
    .quote-container h1{
        font-size:50px;
    }
    .quote-container{
        padding:0;
    }
    .quote-container::after{
        top: -20px;
    left: -25px;
    }
    .ppt-item{
        min-height: 225px;
    }
    .ppt-item h5{
        font-size:20px;
    }
    .contact-row{
        width:100%;
    }
    .hybi-img{
        margin-top:0!important;
    }
    .ppl-img img{
        margin-top:200px;
    }
    .f-ul{
        margin-top:50px;
    }
    .abt-hcon::after{
        display:none;
    }
    .copy-img{
        width: 100%;
    }
}



/*==========================================================================
 Media Query for Tablets Ipads portrait mode 
 ================================================================================*/
@media (min-width: 768px) and (max-width: 1024px){
    .col-time p{
        font-size:12px;
    }
    .seri-con ul li{
        font-size: 12px;
    }
    .hyb-block h3{
        font-size:17px!important;
    }
    .carb-con h1{
        font-size:20px!important;
    }
    .ppt-item h5{
        font-size:15px!important;
    }
    .abt-hcon::after{
        z-index: -1;
        left: 5%;
    }
    .right{
        padding: 15px!important;
    }
    .loc-block p{
        font-size:12px;
    }
    .loc-block{
        min-height: 240px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 990px){

}


@media only screen and (min-width: 991px) and (max-width: 1024px){

}


@media only screen and (min-width: 991px) and (max-width: 1400px){
    .hyb-block h3{
        font-size:20px;
    }
    .carb-con h1{
        margin-top:0!important;
    }
    .quote-container::after{
        top: 40px;
        left: 50px;
    }
    .pjt-con h2{
        font-size: 22px;
    }
    .pjt-con{
        padding: 30px;
    }
    .ppt-item h5{
        font-size: 18px;
    }
    .ppt-item{
        min-height:195px;
    }
    .right{
        padding:45px;
        min-height:auto!important;
    }
    .loc-in p{
        margin:20px;
    }
    .banner-in h1{
        font-size: 40px;
    }
    .carb-con h1{
        font-size:25px;
    }
}