@font-face {font-family: "Harrington";
          src:url("font-awesome/fonts/Harrington.ttf") format("opentype");
}



@media only screen and (min-device-width: 1601px ) and (max-device-width: 1920px){
    
.wrapper .wrapper__video{
		height: 405px;
		margin-top: 1px;
	}
	
	.three{
		height: 411px;
	}
	
	#mixedSlider h3{
		margin-left:150px; 

	}
	
	#mixedSlider1 h3{
		margin-left:77px; 

	}
	
	#mixedSlider2 h3{
		margin-left:77px; 

	}
	
	#mixedSlider3 h3{
		margin-left:77px; 

	}
	
	#mixedSlider4 h3{
		margin-left:77px; 

	}
	
	#mixedSlider5 h3{
		margin-left:77px; 

	}
	
	#mixedSlider6 h3{
		margin-left:77px; 

	}
	
	#mixedSlider7 h3{
		margin-left:77px; 

	}
	
	#mixedSlider8 h3{
		margin-left:77px; 

	}
	
	#mixedSlider9 h3{
		margin-left:77px; 

	}
	
	.title3{
     	margin-left: 755px;
	}
	
	.title3 h3{
		margin-left: -105px;
	}
	
	
	.btn-wrapper{
		margin-right: -82px;
	}
	
	.second{
		width: 76%;
	}
	
	
	.tet{
		margin-left: 120px;
	}
	
	.intro{
	   margin-left: -150px;
}



}

@media only screen and (min-device-width: 1040px) and (max-device-width: 1600px) {
    
    
	.wrapper .wrapper__video{
		height: 405px;
		margin-top: 1px;
	}
	
	.three{
		height: 411px;
	}
	
	#mixedSlider h3{
		margin-left:77px; 

	}
	
	#mixedSlider1 h3{
		margin-left:77px; 

	}
	
	#mixedSlider2 h3{
		margin-left:77px; 

	}
	
	#mixedSlider3 h3{
		margin-left:77px; 

	}
	
	#mixedSlider4 h3{
		margin-left:77px; 

	}
	
	#mixedSlider5 h3{
		margin-left:77px; 

	}
	
	#mixedSlider6 h3{
		margin-left:77px; 

	}
	
	#mixedSlider7 h3{
		margin-left:77px; 

	}
	
	#mixedSlider8 h3{
		margin-left:77px; 

	}
	
	#mixedSlider9 h3{
		margin-left:77px; 

	}
	
	.title3{
     	margin-left: 800px;
	}
	
	.title3 h3{
		margin-left: -105px;
	}
	
	
	.btn-wrapper{
		margin-right: -52px;
	}
	
	.second{
		width: 76%;
	}
	
	
	.tet{
		margin-left: 0px;
	}
	
	.intro{
	   margin-left: -50px;
}

	
	
}



@media only screen and (min-device-width: 769px ) and (max-device-width: 1039px){

	.banner a{
		padding-left: 10px;
	}
	
	.ali{
		width: 550px;
	}
	
	.logo1{
	margin-left: 220px;
}
	
	.logo{
		margin-right: 60px;
	}
	
	.enjoy h3{
		font-size: 27px;
	}


	#mixedSlider h3{
		margin-left:55px; 

	}
	
	#mixedSlider1 h3{
		margin-left:55px; 

	}
	
	#mixedSlider2 h3{
		margin-left:55px; 

	}
	
	#mixedSlider3 h3{
		margin-left:55px; 

	}
	
	#mixedSlider4 h3{
		margin-left:55px; 

	}
	
	#mixedSlider5 h3{
		margin-left:55px; 

	}
	
	#mixedSlider6 h3{
		margin-left:55px; 

	}
	
	#mixedSlider7 h3{
		margin-left:55px; 

	}
	
	#mixedSlider8 h3{
		margin-left:55px; 

	}
	
	#mixedSlider9 h3{
		margin-left:55px; 

	}
	
	
	.spa0{
	letter-spacing: 4px;
	margin-left: -140px;
}
	
	.spa{
	letter-spacing: 1.7px;
}

.spa1{
	letter-spacing: 2.1px;
	margin-left: -24px;
}

.spa2{
	letter-spacing: .9px;
	margin-left: -48px;
}

.spa3{
	letter-spacing: .4px;
	margin-left: -65px;
}

.spa4{
	letter-spacing: -.1px;
	margin-left: -80px;
}

.spa5{
	letter-spacing: .2px;
	margin-left: -95px;
}

.spa6{
	letter-spacing: -.8px;
	margin-left: -113px;
}

.spa7{
	letter-spacing: -.8px;
	margin-left: -125px;
}


.btn-wrapper{
   margin-right: 48px;
}
	
.btn1{
   margin-left: -70px;
	}

	.testimonial{
		height: 470px;
	}
	
	.title3{
		width: 339px;
	}
	
	.title3 h3{
		font-size: 18px;
		padding-top: 10px;
	}
	
	
	.social{
		margin-left: -180px;
	}
	
		.intro{
	   margin-left: 50px;
}


.nw_txt{

	    font-size:15px;
	}
	
}




@media only screen and (min-device-width: 325px ) and (max-device-width: 768px){
	
	
	  body{
	      width:100%;
	       overflow-x: hidden;
	  }
	  
	  
	.banner a{
		padding-left: 10px;
	}	
	
    .ali{
		width: 520px;
	}
	
	.intro{
	   font-size: 15px;
	   margin-left:-50px;
	}
	
	.logo{
		margin-right: 10px;
	}
	
	.logo1{
	margin-left: 230px;
   }

	
   .social{
		margin-left: -220px;
	}
		
	.tittle h3{
		font-size: 20px;
		margin-right: -30px;
	}
	
	.our{
	    height:750px;
	}
	
	#mixedSlider h3{
		margin-left: 52px;
	}
	
	#mixedSlider1 h3{
		margin-left: 52px;
	}
	
	#mixedSlider2 h3{
		margin-left: 52px;
	}
	
	#mixedSlider3 h3{
		margin-left: 52px;
	}
	
	#mixedSlider4 h3{
		margin-left: 52px;
	}
	
	#mixedSlider5 h3{
		margin-left: 52px;
	}
	
	#mixedSlider6 h3{
		margin-left: 52px;
	}
	
	#mixedSlider7 h3{
		margin-left: 52px;
	}
	
	#mixedSlider8 h3{
		margin-left: 52px;
	}
	
		#mixedSlider9 h3{
		margin-left: 52px;
	}
	
	
	.title{
		width: 80%;
	}
	
	.cup{
		
		margin-left: -100px;
	}
	
	.title1{
		width: 40%;
	}
	
	.second li{
		padding-left: 130px;
		font-size: 14px;
	}
	
	
.spa0{
	letter-spacing: 5px;
	margin-left: -120px;
}	
	
.spa{
	letter-spacing: 4.8px;
}

.spa1{
	letter-spacing: 4.8px;
	margin-left: -14px;
}

.spa2{
	letter-spacing: 3.5px;
	margin-left: -28px;
}

.spa3{
	letter-spacing: 2.8px;
	margin-left: -40px;
}

.spa4{
	letter-spacing: 2.6px;
	margin-left: -50px;
}

.spa5{
	letter-spacing: 3.1px;
	margin-left: -65px;
}

.spa6{
	letter-spacing: 1.7px;
	margin-left: -73px;
}

.spa7{
	letter-spacing: 1.5px;
	margin-left: -85px;
}
	
.btn-wrapper{
		margin-right: 100px;
	}
	
	
.two li{
	
margin-left: -40px;
}
	
.two li a{
	
margin-left: -10px;
}
	
.one h3{
	margin-left: 50px;
	font-size: 22px;
}	
	

.btn1{
   margin-left: -50px;
}


	.testimonial{
		height: 470px;
	}
	
	.title3{
		width: 293px
	}
	
	.title3 h3{
		font-size: 15px;
		padding-top: 10px;
	}
	
	.tet2{
	    font-size:25px;
	}
	
		.tet{
	   margin-left:130px;
	}
	
	
	.enjoy h3{
	    font-size:25px;
	}
	
	.box5{
	    margin-top:50px;
	}
	
	#footer{
	    height:600px;
	}
	
	.nw_txt{
	    
	    margin-left:500px;
	    font-size:15px;
	}
	
	.poces{
	    	height: 400px;
	}
	
	.proccess{
	    height: 350px;
	}
	
	
}