/*
=========================================
=            RESPONSIVE SCREEN          =
=========================================
*/
/*
----------   Media screen max width 2000px  ----------
*/
@media screen and (max-width: 2000px){
	.wrapper{
		overflow: hidden;
	}
}
/*
----------  Media screen max width 1800px  ----------
*/
@media screen and (max-width: 1800px){
	.wrapper{
		overflow: hidden;
	}	
}
/*
----------  Media screen max width 1600px  ----------
*/
@media screen and (max-width: 1600px){
	.wrapper{
		overflow: hidden;
	}
}
/*
----------  Media screen max width 1440px  ----------
*/
@media screen and (max-width: 1440px){
	.wrapper{
		overflow: hidden;
	}	
}
/*
----------  Media screen max width 1199px  ----------
*/
@media screen and (max-width: 1199px){
	.wrapper{
		overflow: hidden;
	}	
}
/*
----------   Media screen max width 1024px  ----------
*/
@media screen and (max-width: 1024px){
	.wrapper{
		overflow: hidden;
	}	
}
/*
----------  Media screen max width 992px  ----------
*/
@media screen and (max-width: 992px){
	.wrapper{
		overflow: hidden;
	}	
}
/*
----------  Media screen max width 768px  ----------
*/
@media screen and (max-width: 768px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}
/*
----------  Media screen max width 767px  ----------
*/
@media screen and (max-width: 767px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}
}
/*
----------  Media screen max width 600px  ----------
*/
@media screen and (max-width: 600px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}
}
/*
----------  Media screen max width 498px  ----------
*/
@media screen and (max-width: 498px){
	body{
		overflow-x: scroll;
	}
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}
/*
----------  Media screen max width 480px  ----------
*/
@media screen and (max-width: 480px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}
/*
----------  Media screen max width 380px  ----------
*/
@media screen and (max-width: 380px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}
/*
----------  Media screen max width 350px  ----------
*/
@media screen and (max-width: 350px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}
/*
----------  Media screen max width 320px  ----------
*/
@media screen and (max-width: 320px){
	body{
		overflow-x: scroll;
	}
	.wrapper{
		overflow: scroll;
	}	
}