@media (-webkit-min-device-pixel-ratio: 1.1) { 
    
}

@media (-webkit-min-device-pixel-ratio: 1.4) { 
	.contact-links {position: static !important;}
}

@media (-webkit-min-device-pixel-ratio: 1.75) { 
    
}

@media only screen and (min-width:1366px) and (max-width:1600px){
    
    
}

@media only screen and (min-width:1280px) and (max-width:1440px){
    
}

@media only screen and (min-width:1025px) and (max-width:1366px){
    .service-item .dvInfo > a .dvText p, .service-item .dvInfo > a .dvText ul{padding-bottom: 140px; }
    .footer .top,.footer .top .bg{min-height: auto;}
    header .navbar-brand{max-width: 180px;}
}


@media only screen and (min-width:1025px) and (max-width:1400px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}    
}

@media only screen and (min-width:993px) and (max-width:1280px) {
    
    header .navbar{padding: 13px 0;}
    header .navbar .navbar-nav .nav-item{margin: 0;}

    header .navbar-brand{width: 130px;}
    .down-arrow{display: none;}
    /*header .dropdown .dropdown-menu{display: none;}*/
    .contact-links {position: absolute; right: 80px; top:20px;}
    .navbar-toggler{position: absolute; right: 0; top: 20px;}
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

    .service-item:hover .dvInfo .dvText{max-height: 220px;}

    

    

}

@media only screen and (min-width:768px) and (max-width:992px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    header{position: relative;}
    header .navbar{background-color: rgba(var(--color_black),1) !important; padding: 13px 0;}
    header .navbar .navbar-nav .nav-item{margin: 0;}

    header .navbar-brand{width: 150px;}
    .down-arrow{display: none;}
    header .dropdown .dropdown-menu{display: none !important;}
	header .navbar .navbar-nav>.menu-item:hover .dropdown-menu {display: block !important;}
    .contact-links {position: absolute !important; right: 80px; top:20px;}
    .navbar-toggler{position: absolute; right: 0; top: 20px;}
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

    .service-item:hover .dvInfo .dvText{max-height: 250px;}


    #video-wrap{height: auto;}
    .accreditation-item .pic{height: 150px;}
    .accreditation-item .pic img{max-width: 50%;}
    
    .profile-info .card .circle{width: 200px; height: 200px;}
    .profile-info .card:hover .circle::after{bottom: -45%;}
    .profile-info .card-body{padding-bottom: 15px;}
    .profile-info .card-body .card-title{margin-bottom: 0;}
    .profile-info .card .card-body p{font-size: 11px;}
    .profile-info .card .pic{--bs-aspect-ratio: 122% !important;}

    .statistics .oswal-video>img { border-radius: 300px; width: 100%; margin-bottom: 30px;}
    #counter{top: 12px;}
    .news-updates::before{display: none;}
    .subsidiary-item .subsidiary-logo{max-width: 180px;}

    .tab-wrapper #tabs .nav-item{width: 45%; justify-content: center;}   
    h2.title br {display: none;}

}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}

    header{position: relative;}
    header .navbar{background-color: rgba(var(--color_black),1) !important; padding: 13px 0;}

    header .navbar-brand{width: 150px;}
    .effect{display: none;}
    .down-arrow{display: none;}
    header .dropdown .dropdown-menu{display: none !important;}
	header .navbar .navbar-nav>.menu-item:hover .dropdown-menu {display: block !important;}

    .contact-links {position: absolute !important; right: 80px; top:20px;}
    
    .navbar-toggler{position: absolute; right: 0; top: 20px;}
    .navbar-toggler-icon { 
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    header .navbar .navbar-nav .nav-item{margin: 0;}


    #banner .container{position: relative !important;}
    #video-wrap{height: auto;}
    #video-outer::before{display: none;}
    #video-wrap .banner-text{margin-top: 0 !important; padding: 30px 0;}
    #video-wrap .banner-text h1{color: rgb(var(--primary1));}
    #video-wrap .banner-text p{color: rgb(var(--baseColor));}
    #video-wrap .banner-text p br{display: none;}
    #video-wrap .banner-text .btn-custom{background-color: rgb(var(--primary2)); color: rgb(var(--color_white)) !important;}

    h2.title br{display: none;}
    h3 br{display: none;}
     
    .projects .card .card-body .card-title{min-height: auto;}
    #counter{position: relative; top: 22px; left: 0; right: 0; margin: 0 auto; text-align: center;}
    .owl-carousel.style01 .owl-nav{position: absolute; left: 0; right: 0; width: 150px; margin: 0 auto;}
    .owl-carousel.style01 .owl-nav .owl-prev{right: auto; left: 0; top: 16px;}
    .owl-carousel.style01 .owl-nav .owl-next{right: 0; top: 16px;}

    .news-item .news-pic{width: 100px;}

    .footer .top{padding: 40px 20px; min-height: auto;}
    .footer .top .bg{min-height: auto;}
    .footer .top .btn-wrap .btn-custom{padding: 0.8rem 1rem; font-size: 0.857rem;}

    .inner-banner {padding-top: 30%; background-position: center top;}
    .inner-banner .col{margin-top: 0 !important;}
    .profile-info{max-width: 250px; margin: 0 auto 30px;}
    .profile-info .card .circle{width: 250px; height: 250px;}
    .profile-info .card-body{padding-bottom: 15px;}
    .profile-info .card .card-body p{font-size: 0.80rem;}
    .accreditation-item .pic{height: 150px;}
    .accreditation-item .pic img{max-width: 60%;}
    .vision-block .block{min-height: auto;}
    .service-item .dvInfo > a:before{height: 70px;}
    .service-item:hover .dvInfo .dvText{max-height: 300px;}

    .tab-wrapper #tabs .nav-item{width: 45%;}
}

@media only screen and (max-width:767px) and (orientation: landscape) {
    
    .navbar-collapse{ overflow: hidden; overflow-y: scroll; height: 75vh;}
    .banner{height: 200vh;}
    

}

@media only screen and (min-width:320px) and (max-width:640px) { 
   
}