@media screen and (min-width: 1150px) { .slicknav_menu { display: none; } }
@media screen and (max-width: 1150px) { 
	body{ width: 100%; display: block; }

	#header #cssmenu {display: none;}
	#header .menuBg { display: none; }
	#header { margin-top: 55px; }


	#header .rightBox{ width: 100%; text-align: center; }
	#header .logo {width: 100%; margin: 45px 0 0;}
	#header .rightCart {width: 100%;}
	#header .rightCart{ width: 100%; margin: 0px 7px 10px; }
	#header .rightCart .search { overflow: hidden; float: left; margin: 10px 0; width: 100%;  }
	#header .rightCart .search .searchForm {width: 100%; margin-bottom: 15px; margin:  0 15px;}
	#header .rightCart .search .searchForm input[type=text] { width: 100%; padding: 15px; }
	#header .rightCart .search .searchForm input[type=submit]{ right: 15px; }

	#animation #slider .desc { width: 100%; left: auto; margin-left: 0; top: 0; text-align: center; }
	#animation #slider .desc h2 { text-align: center; padding-top: 80px;}
	#animation #slider .desc h3 { text-align: center; padding-top: 80px; }
	#animation #slider .desc h3::after {width: 100%;display: none;}

	.container { width: 100%; }

	#greyBox { height: 100%; padding: 15px; }
	#greyBox .box {height: 100%;padding: 50px 0 15px;padding-left: 0;width: 100%;float: none;overflow: hidden;line-height: 2.9;text-align: center;}
	#greyBox .separator { display: none; }

	#cover .msg { left: 15px; margin-left: 0; }

	#content .container { width: 100%; padding: 20px 0 15px }
	#greyBox .box.truck { background: url(../template/truckIco.png) no-repeat top center; }
	#greyBox .box.percentage { background: url(../template/percentageIco.png) no-repeat top center; }
	#greyBox .box.mobile { background: url(../template/mobileIco.png) no-repeat top center; }
	#content .meatUs .left { width: 100%; text-align: center; }
	#content .meatUs .left .three_images img { max-width: 100%; }
	#content .meatUs .left p { margin: 10px 15px; }
	#content .meatUs .right { float: none; width: 100%; overflow: hidden; }
	#content .meatUs .right .icoLine { padding: 25px 10px 40px 70px; margin: 0 15px; }
	#content .categoryBox { margin-top: 0; }

	#content .categoryBox .box { margin: 0 auto 30px; float: none; width: 100%; height: 315px; text-align: center; }
	#content .categoryBox .box .picture .a { width: 100%; position: relative; left: auto; top: auto; }
	#content .categoryBox .box .picture { margin: 0 auto; }
	#content .categoryBox .box h3 { margin: 5px 15px; }

	#content .latestNews { margin-top: 0; width: 100%; }
	#content .latestNews .box {width: auto;margin: 0 auto 30px;padding: 0 20px;}
	#content .latestNews .box .rightInfo {float: left;width: 47%;margin-left: 10px;}


	#footer .container{ width: 100%; padding: 0 0; }
	#footer .container .box {margin-right: 10px;}
	#footer .container .box.first{ width: 100%; }
	#footer .container .box.first .greyBox { width: 100%; padding: 20px 0px; }
	#footer .container .box.first .greyBox .left{ width: 50% }
	#footer .container .box.first .greyBox .right{ width: 50% }
	#footer .container .box.first .greyBox h2.topBorder { width: 100% }
	#footer .container .box.first .greyBox p {  }
	#footer .container .box.middle{ width:100%; }
	#footer .container .box.last {width: 100%;}
	#footer .container .box.last #gMap {width: 100%; border: 0;}
	#footer .container .box.first .greyBox p {padding-left: 10px;}
	#footer .container .box.first .copyright {padding-left: 10px;}
	#footer .container .box.middle h2 {padding-left: 10px;}
	#footer .container .box.middle p { padding-left: 10px; }
	#footer .container .box.first .greyBox h2 { padding-left: 10px; }
	#footer .container .box.first .greyBox h2.topBorder {padding-left: 10px;}

	#content .rightContent { margin-bottom: 0px; }
	#content .leftMenu {width: auto;float: none;margin-bottom: 30px;padding: 0 15px;}
	#content .rightContent { width: auto; float: none; margin-bottom: 0px; /*overflow: hidden;*/ padding: 0 15px; position: relative; }
	#content .leftMenu a.menuItem { padding: 5px 0; }
	#content .rightContent .oneProduct .picture.pictureTractor { overflow: hidden; float: none; }
	#content .rightContent p.rightTractorP { float: none; overflow: hidden; }
	#content .rightContent .oneProduct .tableInfo { float: none; width: 100%; overflow: hidden; }
	#content .rightContent .oneProduct .tableInfo.smallWidth { width: 100%; }
	#content .rightContent .oneProduct .tableInfo ul { float: none; overflow: hidden; }
	#content .rightContent .oneProduct .tableInfo ul.right { text-align: left; float: none; padding-left: 20px; overflow: hidden; }
	#content .rightContent .oneProduct .tableInfo h3.rightAlign { text-align: left; }
	#content .rightContent .oneProduct table#Tractor { padding: 0px;  }
	#content .rightContent .oneProduct .tableInfo.halfWidth { width: 100%; }

	#content .rightContent .brickLogos { text-align: center; }
	#content .rightContent .brickLogos img { float: none; }

	#content .rightContent .leftVideo { float: none; width: 100%; margin-bottom: 30px; }
	#content .rightContent .rightCatalogue { float: none; width: 100%; margin-bottom: 30px; }

	#content .rightContent .oneProduct .picture { float: none; border-right: 1px solid #d9d9d9; margin: 0 auto; }
	#content .rightContent .oneProduct .rightInfo { width: 100%; float: none; overflow: hidden; margin: 30px 0 0; }

	#content .rightContent .oneProduct .rightInfo .formInq input[type=text] { width: calc(100% - 22px); }
	#content .rightContent .oneProduct .rightInfo .formInq textarea { min-width: calc(100% - 22px); max-width: calc(100% - 22px); }
	#content .rightContent .oneProduct .rightInfo .formInq .required { float: none; width: 100%; overflow: hidden; }

	#content .rightContent .quickShop { overflow: hidden; }
	#content .rightContent .procesRegistracije table tr td .registracijaInputBg.textarea { min-width: 220px; max-width: 220px; }
	#content .rightContent .quickShop .scroll { height: 700px; width: auto; overflow: hidden; overflow-y: auto; overflow-x: auto; }
	#content .rightContent .quickShop input { float: none; margin-top: 30px; }
	#content .rightContent .quickShop .productHeading { margin-top: 0px; }
}

@media screen and (min-width: 850px) and (max-width: 1150px) {
	#content .meatUs .left { width: 50%; }
	#content .meatUs .right { width: 50%; }
}

@media screen and (max-width: 850px) {
	#content #popUp {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		height: auto;
		margin: 0;
	}
}

@media screen and (max-width: 755px){
	#content .rightContent .leftVideo { float: none; width: 100%; margin-bottom: 30px; }
	#content .rightContent .rightCatalogue { float: none; width: 100%; margin-bottom: 30px; }
}

@media screen and (max-width: 735px){
	#content .rightContent .products .productItem {width: 50%;float: left;margin: 30px auto 30px;overflow: hidden;}
	#content .rightContent .products .productItem .picture { margin: 0 auto; }

	#cover .msg h2 { font-size: 30px; }
	#cover .msg h3 { top: 85px; font-size: 20px; }
}

@media screen and (min-width: 800px) and (max-width: 1150px) {
	#content .categoryBox .box { width: 50%; float: left; }
}

@media screen and (max-width: 550px){
	#content .rightContent .locationBox .leftInfo { width: 100%; float: none; }
	#content .rightContent .locationBox .rightMap { width: 100%; float: none; }
	#content .oneNews .documents .docBlock { width: calc(100% - 50px); display: block; }
}

@media screen and (min-width: 500px) and (max-width: 1150px){
	#footer .container .box.middle { width: 50%; }
	#footer .container .box.last { width: 48%; margin-top: 0; }
	#footer .container .box.last #gMap { height: 463px; }
}

@media screen and (max-width: 500px){
	#content .rightContent #items_per_page { float: none; }
	#content .rightContent .products .productItem { width: 100%; float: none; margin: 30px auto 30px; overflow: hidden; }
}

@media screen and (max-width: 450px){
	#cover .msg h3::after { width: 300px; }
}

@media screen and (max-width: 450px){
	#footer .container .box.first .greyBox h2{font-size: 11px; }
	#footer .container .box.first .greyBox .left p { font-size: 14px; }
	#footer .container .box.first .greyBox .right p { font-size: 14px; }
	#footer .container .socialIco{ font-size: 30px; }
}

@media screen and (max-width: 440px){
	#content .rightContent .brickLogos img { max-width: 100%; }
}

@media screen and (max-width: 390px){
	#content .rightContent .form-contact input { width: 270px; }
}

@media screen and (max-width: 380px){
	#header .logo { background-size: 100%; }
	#header .logo { margin: 70px 0 0; }
}

@media screen and (max-width: 370px){
	#content .rightContent .oneProduct .picture { width: 100%; height: 100%; }
	#content .rightContent .oneProduct .picture img { max-width: 100%; }
}