@media only screen  and (max-width:2000px) and (min-width: 1700px){
	
	@media screen and ( max-height: 1000px ){		 
	
	}
	
	@media screen and ( max-height: 960px ){		
	 
	}	

}


@media only screen  and (max-width:1699px) and (min-width: 1500px)
{ 
	.title1 { 
		font-size: 94px;
	}
	
	.para-brands {
		font-size: 18px;
	}
  
	@media screen and ( max-height: 820px ){
     
	}	 
}

@media only screen  and (max-width:1499px) and (min-width: 1400px)
{ 

	.title1 { 
		font-size: 94px;
	} 
	
	.para-brands {
		font-size: 18px;
	}
 
 
}


@media only screen  and (max-width:1399px) and (min-width: 1300px)
{	
	.title1 { 
		font-size: 94px;
	}
	
	.para-brands {
		font-size: 18px;
	}
	
	@media screen and ( max-height: 700px ){
     
	}
 
}


@media only screen  and (max-width:1299px) and (min-width: 1200px)
{ 	
	.title1 { 
		font-size: 94px;
	}
	
	.para-brands {
		font-size: 18px;
	}
}


@media only screen  and (max-width:1199px) and (min-width: 1000px)
{ 
	html, body {
		overflow: scroll;
	}

	.background { 
		position: relative;
		height: 100vh;
		transform: translateY(0vh);
	}

	.background:first-child { 
		transform: translateY(0vh);
	}
	
	.background:first-child .content-wrapper {
		transform: translateY(0vh);
	}
	
	.content-wrapper {
		transform: translateY(0vh);
	}
	
	 
	
}


/** 990**/

@media only screen  and (max-width:999px) and (min-width: 800px)
{  
 
}


@media only screen  and (max-width:799px) and (min-width: 765px)
{
 
}

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


@media screen and ( max-width: 1000px ){
	
	html, body {
		overflow: scroll;
	}
	
	.background { 
		position: relative;
		height: 100vh;
		transform: translateY(0vh);		
	} 

	.background:first-child { 
		transform: translateY(0vh);
	}
	
	.background:first-child .content-wrapper {
		transform: translateY(0vh);
	}
	
	.content-wrapper {
		transform: translateY(0vh);
	}
	
	.content-title {
		font-size: 7vh;
		line-height: 1.4;
	}
	
	.para-brands {
		font-size: 16px;
		font-weight:300;
	}
	
	.btn-alt { 
		padding: 0.5em 1.5em;
	}
	
	.sect-logo-block {
		position: relative;
		bottom: 0%;
		right: 0%;
	}
	
	.sect-logo-block img {
		margin: auto;
		width: 44%;
		margin-top: 20px;
	}
	
	.content-wrapper>div{
	    background-position: 30% 100% !important;
	}
	
	.background{
		background-position: 100% 100%;
	}
	
	.para-brands { 
		padding: 0% 5%;
	}
	
}


@media screen and ( max-width: 767px ){
	
	

}
 

@media only screen  and (max-width:800px) and (min-width: 769px){
 
}


@media only screen  and (max-width:768px) and (min-width: 700px){
 
}


@media only screen  and (max-width:699px) and (min-width: 650px){
	
 
}


@media only screen  and (max-width:649px) and (min-width: 600px){
 
}


@media only screen  and (max-width:599px) and (min-width: 550px){	
 
}


@media only screen  and (max-width:549px) and (min-width: 500px){
 
}


@media only screen  and (max-width:499px) and (min-width: 450px){
 
}


@media only screen  and (max-width:449px) and (min-width: 401px){
 
}


@media only screen  and (max-width:400px) and (min-width: 350px){
 
}



@media only screen  and (max-width:349px) and (min-width: 300px){
 
 
}