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

}


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

}

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

}

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

}

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

}


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

}


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

}



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


}


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

}



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

}


@media only screen and (max-width: 768px) {
.navbar-toggler-icon{background-image:url(../images/menu-icon.png) !important;background-repeat:no-repeat !important;background-size:30px !important;}
.navbar-toggler{border:2px solid #fff;outline:none;padding:0px 4px;}
.navbar{--bs-navbar-padding-y: 3px;}
.navbar-collapse{padding:10px 0px;background:#000;}
.navbar-nav .dropdown-menu {padding: 10px 10px;width: 90%;margin:0 auto;}	
.navbar-brand {width: 70%;}
.content{padding:20px 0px;}
.glimpses-section-main{padding:20px 0px;}
.content p{font-size:15px; line-height:28px;}
.glimpses-section-main .heading{margin: 10px 0px 10px 0px;}
.glimpses-section-main ul{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.glimpses-section-main ul li:nth-child(1){margin-left:4px !important;}
.glimpses-section-main ul li:nth-child(8){margin-left:4px !important;}
.glimpses-section-main ul li:nth-child(15){margin-left:4px !important;}
.glimpses-section-main ul li:nth-child(7){margin-right:4px !important;}
.glimpses-section-main ul li:nth-child(14){margin-right:4px !important;}
 .glimpses-section-main ul li:nth-child(21){margin-right:4px !important;}
 .glimpses-section-main ul li .overlay span{font-size:14px;}
.content p:first-child span{width: 100%;text-align: center !important;display: inline-block !important;}
.content p:first-child img{width: 60%;height: 60%;text-align: center;display: inline-block;margin:0px 0px 0px 0px;}
.desktop{display:none;}
.mobile{display:block;}
}



@media only screen and (max-width: 640px) {
.navbar-brand img {width: 70%;}
.banner{margin-top:60px;}
.glimpses-section-main ul li .overlay span{font-size:12px;}
}


@media only screen and (max-width: 575px) {
.banner{margin-top:45px;}
}


@media only screen and (max-width: 480px) {
.glimpses-section-main ul li{width:25%;}
.glimpses-section-main .heading h1{font-size:25px;}
.content p img {float: none;width: 100%;height: 100%;margin-right: 0px;text-align: center;}
.glimpses-section-main ul li .overlay span{font-size:10px;}
}

@media only screen and (max-width: 440px) {
.glimpses-section-main .heading h1{font-size:20px;}
.glimpses-section-main ul li .overlay span{font-size:9px;}
}

@media only screen and (max-width: 414px) {
}


@media only screen and (max-width: 400px) {
}

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

}

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

}