
@media(max-width:1450px){

}

@media(max-width:1320px){}
@media(max-width:1276px){}
@media(max-width:1200px){

/*  header  */

}
@media only screen and (max-width:1199px){
.header-menu .logo img {width: 80%;}
.fixed-header .logo img{width: 70%;}
.banner .carousel-caption {top: 29%;}
.banner .content-box-inner1 h2 {font-size: 36px;}
.content-box-inner1 h1 {font-size: 50px;margin: 10px 0 20px;}
.content-box-inner1 aside a {padding: 7px 13px;}
.leftWithContent .imgBox .big img {width: 100%;}
.leftWithContent .imgBox figure.small {right: 0;bottom: -142px;}


/* footer */
.footer .row {display: flex;justify-content: space-between;}
.footer .col4 {width: 30%;}
.footer .col2 {width: 20%;}
.footer .col3 {width: 25%;}
}
@media only screen and (max-width:1024px){



}
@media only screen and (max-width:991px){
  h1, h2, h3 {font-size: 26px;}
  Section {scroll-margin: 63px;}
  .stellarnav > ul > li {	padding: 0;}
/* top bar css */
.header-menu {top: 50px;}
.bnnrBttom {padding: 60px 0 0;margin: 0;}
.bnnrBttom .d-flex .box {height: 150px;}
.bnnrBttom .d-flex .box figure img {width: 45px;height: 45px;object-fit: contain;}
.bnnrBttom .d-flex .box h5 {font-size: 18px;margin-top: 10px;}
.leftWithContent .textBox {padding-top: 60px;}
.leftWithContent .imgBox .big::before {width: 150px;height: 150px;}
.leftWithContent .imgBox .big {padding: 20px 0 0 20px;}
.leftWithContent .imgBox figure.small {bottom: -110px;}
.leftWithContent .imgBox figure.small img {width: 100%;max-width: 180px;}
.fullContent {margin-top:0px;padding: 50px 0;}
.imagesWithForm .formBox {padding: 50px 30px;}
/* footer */
.footer .row {row-gap: 30px;}
.footer .col4 {width: 50%;}
.footer .col2 {width: 50%;}
.footer .col3 {width: 50%;}
/*  */
}
@media only screen and (max-width:767px){
section{padding: 50px 0;}
.footer {padding: 50px 0;}
.leftWithContent {padding: 50px 0;}
.topBar .d-flex {gap: 15px;justify-content: space-between;}
.banner .carousel-caption {top: 29%;right:5%;left: 5%;}
.content-box-inner1 h1 {font-size: 36px;text-align: center;max-width: 500px;margin: 10px auto 20px;}
.banner .content-box-inner1 h2 {font-size: 30px;text-align: center;}
.content-box-inner1 aside {justify-content: center;	flex-wrap: wrap;}
.bnnrBttom .d-flex {flex-wrap: wrap;}
.bnnrBttom .d-flex .box {height: auto;}
.leftWithContent .textBox {margin-top: 30px;padding-left: 0;}
.leftWithContent .imgBox figure.small {right: 15px;}
.leftWithContent .imgBox figure.small img {max-width: 160px;}
.fullContent .contentBox h3 {margin-bottom: 20px;text-align: left;}
.imagesWithForm .formBox {padding: 50px 15px;}
.footer .col4,
.footer .col2, 
.footer .col3 {width:100%;padding: 0px 15px;}

    /* Header */
.stellarnav.dark.right.mobile.active ul li:hover {background: #fff;}
.stellarnav.dark.right.mobile.active ul li:hover a{color: #000;}
/* Header */



}

@media(max-width:646px){
/* header */
/* header */
.banner > img {height: 350px;object-fit: cover;}
}

@media only screen and (max-width:575px){
.content-box-inner1 h1 {font-size: 30px;}
.banner .content-box-inner1 h2 {font-size: 24px;}
.content-box-inner1 aside a {padding: 7px 8px;font-size: 13px;}
.bnnrBttom .d-flex .box {width: 100%;}

.imagesWithForm .formBox form .form-group {flex: 0 0 100%;}
}

@media only screen and (max-width:420px){
 .banner .content-box-inner1 h2 {font-size: 22px;margin: 10px auto 15px;}
.content-box-inner1 h1 {font-size: 26px;}
.topBar .d-flex .socailIcon {gap: 4px;}

}
@media only screen and (max-width:342px){
}
