@media (max-width: 320px) {
	
	.templatemo-top-menu {
		width:320px !important;
		height:210px !important;
    }
	
	.logo {
    	width: 150px !important;
		margin-top:30px !important;
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: -5px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:290px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:12px !important;
	}
	
}

@media (min-width: 321px) and (max-width: 375px) {
	
	.templatemo-top-menu {
		width:375px !important;
		height:210px !important;
    }
	
	.logo {
    	width: 150px !important;
		margin-top:35px !important;
		
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: 30px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:350px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:12px !important;
	}
	
}

@media (min-width: 376px) and (max-width: 414px) {
	
	.templatemo-top-menu {
		width:414px !important;
		height:210px !important;
    }
	
	.logo {
    	width: 150px !important;
		margin-top:30px !important;
		
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: 60px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:385px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:12px !important;
	}
	
}

@media (min-width: 415px) and (max-width: 568px) {
	
	.templatemo-top-menu {
		width:568px !important;
		height:180px !important;
    }
	
	.logo {
    	width: 140px !important;
		margin-top:20px !important;
		
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: 120px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:540px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:12px !important;
	}

}

@media (min-width: 569px) and (max-width: 667px) {
	
	.templatemo-top-menu {
		width:667px !important;
		height:180px !important;
    }
	
	.logo {
    	width: 140px !important;
		margin-top:20px !important;
		
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: 160px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:640px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:15px !important;
	}

}

@media (min-width: 668px) and (max-width: 736px) {
	
	.templatemo-top-menu {
		width:736px !important;
		height:180px !important;
    }
	
	.logo {
    	width: 140px !important;
		margin-top:20px !important;
		
	}
	
	.templatemo-line-header {
		margin-top: 100px !important;
		margin-left: -55px;
	}
	
	#templatemo-nav-bar {
		width:240px !important;
		background-color: rgb(0,0,0, .5) !important;
		border: 2px solid rgb(0,0,0, .5) !important;
		border-radius: 10px !important;
		position: absolute !important;
		margin-top:-40px !important;
		max-height:255px !important;
		margin-left: 200px !important;
	}
	
	ul.menu {
		width:260px !important;
		margin-top:5px !important;
		text-align:center !important;
		line-height:35px !important;
		margin-left: -50px;
	}
	
	br.responsive {
		display: inline;
	}
	
	.container2 {
		margin-left:6px !important;
		width:710px !important;
	}
	
	p {
		font-size:18px !important;
	}
	
	#footer-line {
		font-size:12px !important;
	}

}

@media (min-width: 737px) and (max-width: 768px) {
	
	.logo {
		width: 170px !important;
		margin-top:25px !important;
	}
	
	ul.menu {
		font-size:25px !important;
		width:768px !important;
		height:50px !important;
		margin-top:15px !important;
		line-height:45px !important;
		margin-left: -70px !important;
	}
	
	.container2 {
		margin-left:6px !important;
		width:740px !important;
	}
	
}

@media (min-width: 769px) and (max-width: 834px) {
	
	.logo {
		width: 170px !important;
		margin-top:25px !important;
	}
	
	ul.menu {
		font-size:25px !important;
		width:768px !important;
		height:50px !important;
		margin-top:15px !important;
		line-height:45px !important;
		margin-left: -70px !important;
	}
	
	.container2 {
		margin-left:6px !important;
		width:810px !important;
	}
	
}


@media (min-width: 835px) and (max-width: 1024px) {
	
	ul.menu {
		width:1080px !important;
		margin-left: -120px !important;
	}
	
	.container2 {
		margin-left:5px !important;
	}

}


@media (min-height: 1366px) and  (max-width: 1024px) {
	
	.container2 {
		width:880px !important;
		margin-left:55px !important;
	}

}

@media (min-width: 1025px) and  (max-width: 1112px) {
	
	ul.menu {
		width:1200px !important;
		margin-left: -180px !important;
	}
	
	.container2 {
		margin-left:55px !important;
	}

}

@media (min-width: 1113px) and  (max-width: 1366px) {
	
	
	
	.container2 {
		margin-left:215px !important;
		
	}

}