/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header .menu li{
		
		margin-left: 10px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.header .menu li{
		font-size: 16px;
		margin-left: 5px;
	}
	.header .logo img
	{
		width: 120px;
	}
	.header .menu {
		width: 100%;
		padding-left: 0px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.header .contacts .phone{
		font-size: 16px;
		padding-top: 40px;
	}
	.header .contacts {
		padding: 5px;

	}
	.small {
		font-size: 12px;
	}
	.header .logo img{
		width: 90px;
	}
	.header .info{
		background-color: #042541;
		padding: 10px;

	}
	.header .info .title{
		font-size: 34px;
		margin-top: 20px;
	}
	.header .info .text {
		font-size: 12px;
	}
	.header .bcg {
		display: none;
	}

	.header .menu li{
		margin-left: 0px;
		font-size: 16px;
	}
	.header .menu li a{
		padding: 2px;
	}
	.header .menu ul{
		border-left: 0px;
		margin-left: 0px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.header .menu {
		display: none;
	}
	.header .menu li{
		display: block;
		font-size: 26px;
	}
	.header .info {display: none;}
	.header .contacts {display: none;}
	.header .logo {
		margin:0;
		padding: 0;
		vertical-align: top;
	}
	.header .logo img{
		width: 40px;
		vertical-align: top;
		
	}
	#menubtn {
		display: inline-block;
		font-size: 30px;
		padding: 5px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.header .menu {
		display: block !important;;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}