@media only screen and (max-width:1200px){.header-colum,.bodycolum, .fotercolum, .centar {width:1170px;}}
@media only screen and (max-width:1180px){.header-colum,.bodycolum, .fotercolum, .centar {width:1024px;}}
@media only screen and (max-width:1040px) {
.header-colum, .bodycolum, .fotercolum {width:100%; padding:0  10px;}
header{padding:5px 0 3px 0;}
footer{padding:15px; margin:20px 0 0 0;}
.centar{width:100% !important;}
.menu > ul > li > a {padding: 18px 15px;}}
@media only screen and (max-width:992px) {
.menu > ul > li > a {padding: 20px;}
.left-container{width:60%;}
.right-container{width:35%;}
.botmenu{float:none !important; margin:0px;overflow:hidden;clear:both;text-align:center;}
.botmenu li{margin:10px 0 10px 10px;float:none !important;display:inline-block;}
.social, .social ul{ float:none !important; overflow:hidden; clear:both; text-align:center;}
.social li{margin:10px;display:inline-block;float:none !important;}
.suprt{margin:10px 0 0 0;float:none !important;overflow:hidden;clear:both;text-align:center;}
.suprt li{float:none !important;display:inline-block;}
.menublock{width:100%; clear:both;}
.menicon{display:block;}
.menu-col{ position:relative;}	
.menu{position:absolute; left:0; top:40px; background-color:#d7e023; display:none; }
.menu > ul > li{float:none !important; overflow:hidden; clear:both;}
.menu > ul > li > a {padding: 12px 20px;}}
@media only screen and (max-width:785px) {
.colum4, .colum3 {margin:0 0 3% 4%;width:48%}
.colum5, .colum6 {margin:0 0 3% 2%;width:32%;}
.left-container{width:100%;}
.right-container{width:100%;}}
@media only screen and (max-width:496px) {
.colum2, .colum3, .colum4, .colum5, .colum6 {margin:0 0 3% 0;width:100%;}
.suprt ul{overflow:hidden;clear:both;}
.suprt li{margin:15px 0 0 0;display:block;clear:both;float:left;overflow:hidden;}
.layingpic{display:none;}}
@media only screen and (max-width:360px) {
.fnt20{font-size:17px;}	
.fnt16{font-size:15px;}	
.social li{margin:3px;}
.fotlogo img{margin:15px 0 0 0;width:100%;}}