/* Small devices (landscape phones, 767px and up)*/
@media screen and (max-width: 1024px){
    .transparent-header.inner-header {background: #fff !important; }
    .transparent-header .white-logo {display: none !important; }
    .transparent-header .black-logo {display: block !important; }
    .header-gt-btn {margin-left: 0px; }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        background: #000;
        width: 100%;
        left: 0;
        padding: 0 12px 12px;
    }


}

@media (min-width: 480px) and (max-width: 640px){
    .related-services-slider .service-box h4 {font-size: 18px !important;}
    .related-services-slider .service-box p{font-size: 15px !important;line-height: 1.4;}
    .related-services-slider .service-box {min-height: 330px;}

} 


@media (max-width: 767px){ 
    section {
        padding: 55px 10px;
    }
    br{display: none}
    /* Homepage */
    .main-banner {
        padding: 50px 10px 50px;
    }
    .main-banner h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .main-banner p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .whychos-box:before,.whychos-box:after{
        display: none;
    }
    .whychos-box {
        padding: 0px 0px;
    }
    .footer-form-sec {
        padding: 15px 10px 35px;
    }
    .main-banner a {
        font-size: 16px;
    }
    .heading h2, .heading h3 {
        font-size: 24px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testimonial-sec h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .simple-line-link a {
        font-size: 13px;
    }
    /* Homepage */
    .about-banner,.industry-banner{
        padding: 75px 0;
    }
    .banner-btn a {
        font-size: 16px;
    }
    .subscribe-area h3 {
        font-size: 16px;
    }
    .subscribe-area {
        padding: 30px 18px; 
        margin-bottom: -55px;
    }
    .bannrr-text h1{font-size: 28px;}
    .over-25-years-sec .heading {
        padding: 0 20px;
    }
    .building-slider .owl-stage-outer {
        padding: 25px 0;
    }
    section.global-location {
        margin-top: 60px;
    }
    .form-buttons a {
        padding: 15px 6px;
        font-size: 12px;
    }
    .banner-form {
        padding: 20px 15px;
    }
    .banner-form .logo-checkbox .wpcf7-list-item, .banner-form .four-checkbox .wpcf7-list-item {
        width: 50%;
    }
    .banner-form .logo-checkbox .form-check .form-check-label {
        display: none;
    }
    .banner-form .cybersecurity .wpcf7-list-item{
        width: 100%;
    }
    .related-services-slider .service-box h4 {
        font-size: 20px;
        min-height: auto;
        line-height: 1.4;
    }
    .related-services-slider .service-box h6 {
        position: relative; 
        bottom: inherit;
    }
    .subscribe-area a {
        display: block;
    }
    .devops-form form input[type="radio"] {
        width: auto;
        margin-top: 4px;
        margin-right: 9px;
    }
    .devops-form .assesment-order-list .radio-wrap .radio-list {grid-template-columns: 100%;}
    .devops-form .wpcf7-list-item {margin-left: 0;}
    .devops-form .wpcf7-list-item label {gap: 0px;}
    .loctin-name {
        padding: 14px 20px;
    }
    .banner-form .wpcf7-list-item {
        width: 100%;
    }
    .mega-content {
        height: 400px;
        overflow-y: scroll;
    }
    .industry-box h6 {
        font-size: 16px;
    }
    /* footer  */
    .footer-area {
        padding-bottom: 20px;
    }
    .copyright ul {
        padding-left: 0;
    }
    .single-footer-widget {
        padding-top: 25px;
        margin-bottom: 20px;
    }
    .single-footer-widget h3 {
        margin-bottom: 15px;
    }
    .single-footer-widget .quick-links li {
        margin-bottom: 5px;
    }
    .copyright-area .justify-content-end {
        justify-content: center !important;
    }
    .copyright-area p {
        text-align: center;
    }
    /* footer end */

    .m-bg-color:before {
        height: 100%;
    }




}/*max-width: 767px end*/


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    section {
        padding: 50px 10px;
    }
    .main-banner:after {
        background-size: 1256px;
        background-position: 50% bottom;
        bottom: -1px;
    }
    .banner-btn a {
        font-size: 16px;
    }
    .orng-main-box {
        margin-right: -110px;
    }
    .home-cta-sec h3 {
        font-size: 34px;
    }
    .main-banner h1 {
        font-size: 32px;
        line-height: 47px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .main-banner p {
        font-size: 15px;
        line-height: 26px;
    }
    .main-banner a {
        font-size: 16px;
    }
    .single-footer-widget {
        padding-top: 40px;
        margin-bottom: 0px;
    }
    .single-footer-widget h3 {
        margin-bottom: 20px;
    }
    .footer-area {
        padding-bottom: 40px;
    }
    .industry-box {
        padding: 20px 10px;
    }
    .whychos-box {
        padding: 8px 0px;
    }
    .subscribe-area {
        padding: 30px 10px;
        margin-bottom: -40px;
    }
    .subscribe-area h3 {
        font-size: 20px;
    }
    section.footer-form-sec {
        padding: 0px 0px 30px;
    }
    .bannrr-text h1 {
        font-size: 28px;
    }
    .about-banner{padding: 75px 10px;}
    .heading h2, .heading h3 {
        font-size: 28px;    
    }
    .loctin-name {
        padding: 10px 10px;
        min-height: auto;
    }
    .global-location .nav button {
        padding: 15px 4px;
        font-size: 12px;
    }
    .loctin-name h4 {
        font-size: 16px;
    }
    .related-services-slider .service-box h4 {
        font-size: 17px;
        line-height: 1.4;
    }

}/*min-width: 768px and max-width: 991px end */


@media (min-width: 992px) and (max-width: 1024px){
    .whychos-box {
        padding: 18px 15px;
    }
    .service-box {
        padding: 40px 10px;
    }
    .form-buttons a {
        padding: 15px 7px;
        font-size: 13px;
    }

}


@media screen and (max-width: 1024px){
    header .navbar-nav{gap: 5px;}
    br,.drop-top-arrow{display: none;}
    .megamenu-inner a:hover {
        background: #fff;
    }
    .megamenu-inner a:focus{color: #000;}
    .bannrr-text.sticky-top {
        margin-top: 0px;
    }


} 

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {  

}/*min-width: 992px and max-width: 1199px end*/

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  and (max-width: 1399px){ 
    .meg-inr-itm-txt h4 {
        font-size: 13px;
    }
}
/*min-width: 1200px end*/

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1700px) {
    .main-banner .container {
        max-width: 1360px;
    }
    .header-gt-btn {
        margin-left: 180px;
    }
    header .navbar-nav {
        gap: 20px;
    }


}
/*min-width: 1400px end