@charset "utf-8";
/* CSS Document */

@media (max-width:1360px){

	}


@media (max-width:1199px){

}
/* This Tab Size */

@media (max-width:991px){

#toTop { display: none !important;}
.header-bg{    z-index: 1; position: relative;}	
.toggle {  background: #8abbfd; }
.hero-title { font-size: 35px;  line-height: 50px; }
.toggle {  right: 50px; }
.about-text h3 {  font-size: 30px; }
.know-more.big {  padding: 10px 15px; }
.about-text h5 { font-size: 20px;  margin-bottom: 12px; }
.heading h2 {   font-size: 30px;  }
.cta-text { text-align: center; }
.cta-text h3 {     font-size: 35px;  line-height: 50px;  margin-bottom: 25px; }
.heading.floor h2 {  font-size: 30px; }
.heading {  margin-bottom: 15px; }
.counter-txt {  width: 100%;  display: block;   text-align: center; }
.icon-count {width: 60px;margin: 0 auto;margin-bottom: 15px;}
.text-count {  width: 100%;}
.text-gell h4 {   font-size: 25px; }
.foot-1{text-align: center;}
.socials {text-align: center;}
.foot-link {  margin-top: 25px; }
.ord-1 { order: 2; }
.ord-2 {  order: 1;}
.logo img {  width: 30%; }
.main { overflow: hidden !important; }
.hero-text{ top: 100px;  }
.about-text.why-ch h4{ font-size: 30px; }
.text-gell h5{ font-size: 30px; }
.heading.heading-2 {   margin: 0;  }


.about-text h1{font-size: 30px;}
.heading.heading-2 h4{font-size: 30px;}
.padd-50 {  padding: 25px 0; }
.cta-text span {font-size: 30px;}

.fixed-icons {  display: block;  position: fixed; top: 50%;  right: 30px; }

.slicknav_nav ul li img { position: absolute;  left: 0; top:0 }
.slicknav_nav ul li {  position: relative;  padding-left: 50px; }
.slicknav_menu .slicknav_nav ul li a { padding: 20px 20px; }


}

@media (max-width:900px){




}


@media (max-width:850px){

	
}

/* This Phone Size */
@media (max-width:767px){


.about-text h3 {   font-size: 25px; }
.form h4 {  font-size: 25px; }
.heading.floor h2 {  font-size: 25px; }
.heading h2 {  font-size: 25px; }
.cost-table thead tr th {  font-size: 16px; }
.cta-text h3 {  font-size: 25px; }
.about-text.text-cen {  text-align: center;  margin-bottom: 50px; }
.img-txt-bl {   margin: 20px 0; }
.header-top {   display: none; }
.img-txt {  margin: 20px 0; }
.img-txt h4 {   font-size: 20px; }
.ser-col {   text-align: center; margin-top: 36px; }
.form {    width: 100%;  }
.about-text.why-ch {margin-top: 50px;}
.toggle {  top: 35px; }




.hexagon-gallery{    max-width: 100%; grid-template-columns: repeat(2, 1fr);}
.hex{    display: inline-flex; width: inherit;    height: inherit;}

.hex:first-child {
    grid-row-start: 1;
    grid-column: 1 / span 1;
}
.hex:nth-child(2) {
    grid-row-start: 1;
    grid-column: 2 / span 2;
}
.hex:nth-child(3) {
    grid-row-start: 2;
    grid-column: 1 / span 1;
}
.hex:nth-child(4) {
    grid-row-start: 2;
    grid-column: 2 / span 2;
}
.hex:nth-child(5) {
    grid-row-start: 3;
    grid-column: 1 / span 1;
}
.hex:nth-child(6) {
    grid-row-start: 3;
    grid-column: 2 / span 2;
}
.hex:nth-child(7) {
    grid-row-start: 4;
    grid-column: 1 / span 1;
}
.hex:nth-child(8) {
    grid-row-start: 4;
    grid-column: 2 / span 2;
}
.hex:nth-child(9) {
    grid-row-start: 5;
    grid-column: 1 / span 1;
}

.hex:nth-child(10) {
    grid-row-start: 5;
    grid-column: 2 / span 2;
}


.row.mar-30-sep {
    margin-top: 0;
}
.main-box-col {
    margin: 30px 0;
}
.main-box-col {
    height: inherit;
}

	
}

@media (max-width:600px){

.hero-title {   width: 100%; }
.toggle {   top: 25px;  }
	
}

@media (max-width:500px){

.toggle { top: 23px; }  
	
}

@media (max-width:480px){
	
.text-gell {   padding: 25px; }
.cta-text h3 {   line-height: 35px; }

}

@media (max-width:400px){
.toggle {  top: 12px !important; }

}

@media (max-width:360px){
	
.toggle {  top: 18px; }
	

}

@media (max-width:320px){ 



}