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

@media only screen and (max-width:450px){
	.bac {height: 250px!important; text-align: center}
	.log {margin-top: 14px;}
	.num {margin-top: -6%!important;margin-left: 16px;}
	.mon {margin-top: -5%!important;margin-left: 10%}
	.icn {margin-right: 75%; font-size: 23px;}
	.car {margin-top:10px!important}
	.carousel-caption h1{font-size:15px; margin-bottom: -5px !important}
	.overlay {
    position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0;
    background-color: black;
    overflow: hidden;
    width: 88% !important;
    height: 0;
    transition: .5s ease;
		opacity: 0.6;}
		.lawn:hover .overlay {
    top: 0;
			height: 49% !important;
	left: 14px!important;}
	
	.lawn {margin-top: 8%}
	.siz {height: 48%!important}
	.pro{font-size: 30px!important; text-align: center;}
	.many{margin-left:0px!important; text-align: center;}
	.fin {height: 100%!important;}
	.chin {margin-left: -133%!important; width: 185%!important; }
	.marg {margin-left: 32% !important;
          width: 80% !important;
	margin-top: 4%}
	.mar {margin-left: 2% !important;
margin-top: 4%;
width: 90 !important;}
	.meg {margin-left: 14% !important;
margin-top: 4%;
width: 86% !important;}
	.gar {text-align: center;margin-left: -2px !important;}
	.wod {padding-left: 5%!important;}
	.dec {padding-left: 4%!important}
	.side {font-size: 30px!important;}
	.req {padding-left: 30px}
	.tex {margin-left: 0px!important; margin-top: 9%!important;}
	.btn {margin-left: 20%!important;margin-top: 25px!important;}
	.are {font-size: 11px!important; font-weight: 600}
	.bin {margin-top: 45px!important; margin-left: 108px !important}
	.send {margin-left: 27%!important}
	.latest{text-align: center!important;}
	.final {height: 100%!important;}
	.best {font-size: 20px!important}
	.ter {text-align:center!important; margin-left: 45px !important;}
	.all {width: 135% !important;}
	.one {margin-bottom: 20px !important}
	.word {font-size: 21px!important}
	.sid {margin-top: 10%!important}
	.icons {display: none!important;}
	
#zoom8 {
   
  transition: transform .2s;
  
}

#zoom8:hover {
  transform: scale(1.1)!important;
}
	
#zoom9 {
   
  transition: transform .2s;
  
}

#zoom9:hover {
  transform: scale(1.1)!important;
}
	
#zoom10 {
   
  transition: transform .2s;
  
}

#zoom10:hover {
  transform: scale(1.1)!important;
}	
	
#zoom11 {
   
  transition: transform .2s;
  
}

#zoom11:hover {
  transform: scale(1.1)!important;
}	
	
	
#zoom12 {
   
  transition: transform .2s;
  
}

#zoom12:hover {
  transform: scale(1.1)!important;
}	
	
	
#zoom13 {
   
  transition: transform .2s;
  
}

#zoom13:hover {
  transform: scale(1.1)!important;
}	
}
@media only screen and (min-width:768px)and (max-width:800px){
	.Exep {font-size: 10px;}
	.first h6 {font-size: 8px!important;}
	.park h6 {font-size:10px!important;margin-left: 22px;margin-top: -14px;}
	.num {margin-left: 22px !important;margin-top: -14px!important;}
	.mon{margin-left: 20%!important;
margin-top: -17%!important;}
	.we {-ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;

}
	.lawn { 
	margin-top:5%!important;
	
	}
	.carousel-caption h1{font-size: 100% !important; margin-bottom: 1% !important}
	.overlay {
    position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0;
    background-color: black;
    overflow: hidden;
    width: 100% !important;
    height: 0;
    transition: .5s ease;
		opacity: 0.6;}
		.lawn:hover .overlay {
    top: 0;
			height: 49% !important;
	left: 14px!important;}
		.pro{font-size: 30px!important; text-align: center;}
	.many{margin-left:0px!important; text-align: center;}
	.fin {height: 100%!important;}
	.chin {margin-left: -133%!important; width: 185%!important; }
	.marg {margin-left: 33% !important;
width: 90% !important;}
	.mar {margin-left: 2% !important;

width: 90% !important;}
	.meg {margin-left: 14% !important;

width: 90% !important;}
	.gar {text-align: center;margin-left: -2px !important;}
	.wod {padding-left: 5%!important;}
	.dec {padding-left: 4%!important}
	.side {font-size: 30px!important;}
	.req {padding-left: 30px}
	.tex {margin-left: 0px!important; margin-top: 9%!important;}
	.btn {margin-left: 20%!important;margin-top: 25px!important;}
	.are {font-size: 15px!important; font-weight: 600}
	.bin {margin-top: 81px!important; margin-left: 170px !important}
	.send {margin-left: 35%!important}
	.latest{text-align: center!important;}
	.final {height: 100%!important;}
	.best {font-size: 20px!important}
	.ter {text-align:center!important; margin-left: 45px !important;}
	.all {width: 135% !important;}
	.one {margin-bottom: 20px !important}
	.word {font-size: 21px!important}
	
	.icons {display: none!important;}
	
#zoom8 {
   
  transition: transform .2s;
  
}

#zoom8:hover {
  transform: scale(1.1)!important;
}
	
#zoom9 {
   
  transition: transform .2s;
  
}

#zoom9:hover {
  transform: scale(1.1)!important;
}
	
#zoom10 {
   
  transition: transform .2s;
  
}

#zoom10:hover {
  transform: scale(1.1)!important;
}	
	
#zoom11 {
   
  transition: transform .2s;
  
}

#zoom11:hover {
  transform: scale(1.1)!important;
}	
	
	
#zoom12 {
   
  transition: transform .2s;
  
}

#zoom12:hover {
  transform: scale(1.1)!important;
}	
	
	
#zoom13 {
   
  transition: transform .2s;
  
}

#zoom13:hover {
  transform: scale(1.1)!important;
}		
	

	
	
	
	
	
}