@media (max-width: 1920px) {

h1{font-size: 60px;}

h2{font-size: 50px;}

h3{font-size: 40px;}

h4{font-size: 30px;}

h5{font-size: 20px;}

h6{font-size: 18px;}
    
}


@media(max-width: 1200px){

.table-stu .table th{font-size: 16px;  white-space: nowrap;} 

.table-stu .table td{font-size: 12px;  white-space: nowrap;}

.screen-one .six-input input, .login .six-input input{width: 30px; height: 30px; font-size: 14px;}

.ptb-100 {padding: 70px 0px;}   

h1{font-size: 40px;}

h2{font-size: 35px;}

h3{font-size: 30px;}

h4{font-size: 25px;}

h5{font-size: 20px;}

h6{font-size: 16px;}

.investor-sec {height: 115vh !important;}

.header .navbar .nav-item .nav-link, .header .navbar .nav-item .btn, .header .navbar .nav-item .form-select{font-size: 11px;}

.header .navbar .navbar-brand .logo {width: 130px;}


}




@media (max-width: 991px) {

.login::after, .register::after{width: 100%; height: 100%;}

.header .navbar .nav-item{margin-right: 0px; width: 100%;}
    
.bottom-input-box .inputbox .svg-iconbox svg{width: 30px; height: 30px;}

.slider-box .play-button{width: 80px; height: 80px;}

.slider .leftTEXT{position: unset !important; transform: unset !important; padding: 15px; background: #000;}
    
.why-sec .row{justify-content: center;}

.about-sec .bg-white-border {padding: 0px;}

.ptb-100 {padding: 50px 0px;}    

.pt-100{padding-top: 50px;}

.pb-100{padding-bottom: 50px;}

h1{font-size: 30px;}

h2{font-size: 25px;}

h3{font-size: 22px;}

h4{font-size: 18px;}

h5{font-size: 18px;}

h6{font-size: 16px;}

.dropdown-item{font-size: 16px;}

.dropdown-item a{padding: 0px;}


    
}

@media (max-width: 991px) {

    .dropdown-item{font-size: 12px;}

    .dropdown-item a{padding: 0px;}

    #address .maps{height: auto !important;}

    #address .maps .white-box{position: unset !important; width: 100%;}

    .hero-text h4{font-size: 22px;}

    .hero-text h5{font-size: 18px; margin-top: 15px;}
    

    .header .navbar-nav{align-items: start;}

    .logo-svg {width: 100%; padding: 40px;}

    .slider{height: 100%; border-radius: 0px !important;}

    .info-sec .image-box { border-radius: 15px;}

    .investor-sec{height: unset !important;}

    .investor-sec .investorSlider, .investor-sec .investorSlider .swiper-slide{height: unset !important;}

    .investor-sec .investorSlider .swiper-slide{padding: 0 10px;}

    .investor-sec .investorSlider .swiper-slide .white-box p span .number{transform: rotateZ(0deg); font-size: 12px; color: #fff;}

    .investor-sec .investorSlider .swiper-slide .white-box.left-30{left: 0px !important;}

    .investor-sec .investorSlider .swiper-slide .white-box p{padding-left: 0px !important; font-size: 12px;}

    .investor-sec .investorSlider .swiper-slide .white-box p span {position: unset; transform: unset; width: 30px; height: 30px; margin-bottom: 10px !important;}

    .dashboard .navigation .menuClick{font-size: 18px; font-weight: 800;}

    .dashboard .navigation .navbar{background: #fff; transition: linear 0.3s; border: 1px solid #000000; border-radius: 100%; width: 40px; height: 40px; text-align: center; display: unset;}

    .dashboard .navigation #menuexpand{display: none;}

    .dashboard .navigation .navbar .display{display: block !important;}

    .dashboard .navigation .navbar.show{width: auto; height: auto; display: block; border-radius: 30px;}

    .table-stu .table .infohoverbox{width: unset !important;}

    .slider .slider-box .carousel-indicators button{margin-bottom: 15px;}

    .header .navbar .nav-item .btn, .header .navbar .nav-item .btn-white{font-size: 12px; height: 32px; display: inline-block; width: 100%; text-align: center; margin-bottom: 15px;}

    .header .navbar .nav-item .btn{border: 2px solid var(--color-one);}

    
}

@media (max-width: 600px) {


    .h-100vh{height: auto !important;}


    #servicesOffer p { font-size: 13px; line-height: 24px;}

    #servicesOffer{font-size: 13px; line-height: 24px;}

    .dataTables_info{width: 100%; display: inline-block !important;}

    .dataTables_paginate{width: auto !important;}

    .white-box{padding: 15px !important;}

    #owner .reverse{flex-direction: column-reverse;}
    
    #ceo .reverse{flex-direction: column-reverse;}

    .footer .footer-link-one a{font-size: 12px;}

    .hero-text h4{font-size: 18px;}

    .hero-text h5{font-size: 14px; margin-top: 15px;}

    #address ul li{font-size: 14px;}

    .ai-model.ggwp{width: 200px; height: 200px;}

    .slider-box .play-button{width: 50px; height: 50px;}

    .ai-model.ggwp #videoPlayer1 {transform: translate(-50%, -50%) scale(0.8);}

    .hero-sec .arrow-slider{top: 100%; position: unset !important; justify-content: center;} 

    .swiper-button-next, .swiper-button-prev{position: unset !important;}

    .bottom-input-box .inputbox .loading-text .innertext{font-size: 10px;}
  
    .bottom-input-box .form-control::placeholder{font-size: 10px;}

    .slider h5{font-size: 16px;}

    .info-sec h5 {font-size: 14px;}

    .slider .video-container .youtube-icon, .slider .video-container .youtube-icon-two, .slider .video-container .youtube-icon-three{width: 60px; height: 60px;}

    .slider svg{width: 30px; height: 30px;}

    


}


@media (max-width: 320px) {

h1{font-size: 25px;}

h2{font-size: 22px;}

h3{font-size: 18px;}

h4{font-size: 14px;}

h5{font-size: 14px;}

h6{font-size: 14px;}

p{font-size: 12px;}

.slider h5 {font-size: 14px;}


}

@media (max-width: 240px) {
    
    .header .navbar .navbar-brand .logo {width: 100px;}

    p {font-size: 10px;}
    
}