/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	body {
		font-size:13.5px;
	}
	
	.h1, h1 {
		font-size: 29px;
		line-height: 39px;
	}
	
	.h2, h2 {
		font-size: 24px;
		line-height: 36px;
	}

	.h4, h4 {
		font-size: 14px;
	}
	
	.logo img {
		 width: 220px;
	}
	
	.logo-text {
		font-size: 1.05em;
		margin-left: 50px;
		margin-top: -15px;
	}
	
	.grafik {
		padding: 10px 5px 0;
		width: 190px;
		font-size: 0.7em;
	}
	
	.contact {
		padding: 10px 0 0 10px;
		width: 170px;
		font-size:0.85em;
	}
	
	.phone {
		float: right;
		padding: 23px 20px;
	}
	
	.phone a {
		font-size: 26px;
		line-height: 28px;
	}
	
	.top-menu li a, #top-nav .highlighted a {
		font-size: 13px;
	}
	
	.map-text .h4 {
		font-size: 13px;
	}
	
	.map-text ul {
		font-size: 12px;
	}
	
	.courier-price .h3 small, .avtocourier-price .h3 small {
		font-size: 48%;
	}
	
	.im-feature {
		font-size: 11px;
		height: 210px;
	}
	
	.im-feature img {
		width: 75px;
	}
	
	#im-price .courier-price li:nth-child(1) p {
		font-size: 20px;
	}
	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .logo img {
		width: 150px;
	}
	
	.logo-text {
		font-size: 10px;
		margin-left: 30px;
		margin-top: -10px;
	}
	
	.grafik {
		font-size: 0.6em;
		padding: 10px 5px 0;
		width: 160px;
	}
	
	.grafik .glyphicon {
		font-size: 36px;
		padding: 5px;
	}
	
	.contact {
		font-size: 0.65em;
		padding: 7px 0 0 7px;
		width: 125px;
	}

	.contact .glyphicon {
		font-size: 12px;
	}
	
	.phone {
		padding: 15px;
	}

	.phone a {
		font-size: 20px;
	}
	
	.top-menu li, #top-nav .highlighted {
		border-radius: 2px;
		line-height: 10px;
		padding: 12px 0;
	}
	
	.top-menu li a, #top-nav .highlighted a {
		font-size: 10px;
		line-height: 10px;
		padding: 10px;
	}
	
	.copyright li {
		text-align:center;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.logo-text {
		letter-spacing: 2.5px;
	}
	
	.contact {
		font-size: 0.9em;
		width: 190px;
	}

	.map-bg {
		height: 550px;
	}
	
	.map-text {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	.map-text .h4 {
		font-size: 17px;
	}
	
	#head_links {
		width: 100%;
		font-size: 15px;
		text-align:center;
	}
	#head_links a{
		width: 100%;
		display:block;
		padding: 4px;
	}
	
	header .navbar {
		margin-bottom:10px;
	}
	
	.contact {
		padding-top: 0;
	}

	.contact li {
		margin-bottom: 9px;
	}
	
	.top-menu li a, #top-nav .highlighted a {
		font-size: 10px;
		padding: 10px 5px;
	}
	.grafik {
		display:none;
	}
}
@media only screen and (max-width : 730px) {
	.contact {
		padding-left: 0;
		width: 150px;
	}
	.phone {
		padding: 15px 0 15px 10px;
	}
	
	.phone a {
		font-size: 18px;
	}
	
	.logo-text {
		letter-spacing: 2px;
	}
	.calculator {
		text-align:center;
	}
	
	.nav>li>a {
		padding:8px;
		font-size: 12px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .phone {
		width: 100%;
		text-align: right;
		padding: 10px 0;
	}
	
	.top-menu li, #top-nav .highlighted {
		padding: 15px 0;
		width: 100%;
		text-align: center;
	}
	
	.top-menu li a, #top-nav .highlighted a {
		font-size: 15px;
		line-height: 15px;
	}
	
	.map-text {
		width: 100%;
		margin-top: 20px;
	}
	
	.map-bg {
		height: 560px;
	}
	
	.logo-text {
		margin-left: 40px
	}
	
	.service-list {
		padding-left:0;
	}
	
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
	.head-links {
		font-size: 0.7em;
	}
	
	.logo img {
		width: 120px;
	}
	
	.logo-text {
		margin-left: 35px
	}
	
	.map-text {
    width: 100%;
    margin-top: 20px;
}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* 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) {
   
}