/* Responsive CSS Document */

/* 
    Created on   : 27/07/2022.
    Theme Name   : Jano - Creative Multipurpose Bootstrap 5 Template
    Version      : 1.0.
    Developed by : (me@heloshape.com) / (www.me.heloshape.com)
   
*/

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
  .side-scrolling-boxes .inner-content {
  width: 85vw;
  transform: translateX(5vw);
	}
}
/*(min-width: 992px)*/

@media (min-width: 1400px) {


}
/*(min-width: 1400px)*/

/*Grid xl Start*/
@media (max-width: 1399px) { 

}
/*(max-width: 1399px)*/



/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  h1 {font-size: 55px;}
  h2 {font-size: 54px;}
  h3, .h3 {font-size: 28px;}
  h4 {font-size: 22px;}
  .main-menu {padding-right: 35px; padding-left: 35px;}
  .text-lg {font-size: 22px;}
  
}
/*(min-width: 1200px) and (max-width: 1399px)*/


@media screen and (min-width: 1200px) { 
  
}

/*Grid lg Start*/
@media (max-width: 1199px) {
  h4,.card-style-five h4 {font-size: 20px;}
  .h5, h5 {font-size: 20px;}
  .text-lg {font-size: 19px;}
  .fs-20 {font-size: 18px;}
  .fs-18 {font-size: 16px;}
  .fs-17 {font-size: 15px;}
  .p-30 {padding: 0;}
  
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  h1 {font-size: 50px;}
  h2 {font-size: 45px;}
  h3, .h3 {font-size: 26px;}

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



/*Grid md Start*/
@media (max-width: 991px) {
  h1 {font-size: 42px;}
  h2 {font-size: 35px;}
  h3, .h3 {font-size: 22px;}
  .h6, h6 {font-size: 16px;}
  .fs-15 {font-size: 14px;}
  
}
/*(max-width: 991px)*/



/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .fancy-feature-thirtyFive .img-holder {margin-right: 50px;}
  .side-scrolling-boxes .inner-content {
  width: 85vw;
  transform: translateX(5vw);
}
}
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {

  .side-scrolling-boxes .inner-content {box-shadow: 0px 30px 45px rgb(19 45 73 / 3%);}
  .slider-block {margin: 30px 20px 50px; box-shadow: 0px 30px 45px rgb(19 45 73 / 3%);}

}
/*(max-width: 767px)*/




/*Between Grid sm*/
@media (min-width: 576px) and (max-width: 767px) {
.side-scrolling-boxes .inner-content {
  width: 105vw;
  transform: translateX(-9vw);
}

}
/*(min-width: 576px) and (max-width: 767px)*/




/*Extra Small breakpoints*/
@media (max-width: 575px) {
  
}
/*(max-width: 575px)*/