@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%;}
header{padding:5px 10px 3px 10px;}
.body-part{padding:0 10px 20px 10px;}
footer{padding:15px; margin:20px 0 0 0;}
.centar{width:100% !important;}}
@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;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;}}
@media only screen and (max-width:830px) {
.menicon{display:block;}
.menu-col{ position:relative;}	
.menu{position:absolute; left:0; top:40px; background-color:#f96c26; display:none; }
.menu > ul > li{float:none !important; overflow:hidden; clear:both;}
.menu > ul > li > a {padding: 12px 20px; color:#FFF;}}
@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%;}}
@media only screen and (max-width:360px){
.weblogo img{width:100px;}}