@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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 290px !important;
	}
	
	h2 {
		margin-top:-10px !important;
		font-size:17px !important;
	}
	
	h3 {
		font-size:14px !important;
	}
	
	.form-label  {
		margin-top:-30px !important;
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:-60px !important;
		width:260px !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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 345px !important;
	}
	
	h2 {
		margin-top:-10px !important;
		font-size:18px !important;
	}
	
	h3 {
		font-size:15px !important;
	}
	
	.form-label  {
		margin-top:-30px !important;
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:-60px !important;
		width:315px !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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 385px !important;
	}
	
	h2 {
		margin-top:-10px !important;
	}
	
	.form-label  {
		margin-top:-30px !important;
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:-60px !important;
		width:355px !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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 535px !important;
	}
	
	.form-label  {
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:70px !important;
		width:355px !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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 635px !important;
	}
	
	.form-label  {
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:70px !important;
		width:455px !important;
	}
	
	#footer-line {
		font-size:12px !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;
	}
	
	.contact {
		margin-left:7px !important;
		width: 705px !important;
	}
	
	.form-label  {
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:70px !important;
		width:540px !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;
	}
	
	.contact {
		margin-left:25px !important;
		width: 705px !important;
	}
	
	.form-label  {
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:70px !important;
		width:530px !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;
	}
	
	.contact {
		margin-left:60px !important;
		width: 705px !important;
	}
	
	.form-label  {
		margin-left:-50px !important;
	}
	
	.form-control  {
		margin-left:70px !important;
		width:530px !important;
	}
	
}


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

@media (min-height: 1366px) and  (max-width: 1024px) {
	
	.contact {
		margin-left:120px !important;
		width:800px !important;
	}

}

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

}

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

}