@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */
.mobile {display: none;}
/* 240 + 320px */
@media screen and (min-width:180px) and (max-width:615px) {
	#header, #topnav, #intro, #container, #footer, #copyright{width:100%; margin:0 auto;}
	
	#topnav ul{display:none;}
	#main-nav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	.pictogram div.first{clear:none;}	
	.pictogram div {
		display:inline; float:left; margin:10px 0 0 2%; list-style:none; width:32%;
	}
	.pictogram div:nth-child(3n+1){margin-left:0; clear:left;}
	
	#header #hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}

	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	
	.nomobile {display: none !important;}
	.b-contacts {text-align: center;}
	
	.pad-left {padding: 0;}
	.mobile {display: block;}
	#navigator-btn {padding: 10px 0 0; text-align: center;}
	#contacts-btn {padding: 0;}
	
	#header {padding: 16px 0 5px;}
	
	nav {border-bottom: 0;}
	nav ul {display: none; height: auto;}
	nav a#pull1, nav a#pull2 {display: block; background-color: #ff0000; width: 100%; position: relative; height: 39px; color: #FFF; font-weight: bold; margin-top: 5px;}
	nav a#pull1 span, nav a#pull2 span{position: absolute; top: 11px; left: 40px; text-transform: uppercase;}
	nav a#pull1 span.icon, nav a#pull2 span.icon{position: absolute; top: 6px; right: 12px; display: inline; text-align: right; font-size: 28px; text-shadow: 1px 3px 3px rgba(0,0,0,0.5);}
	nav a#pull1 span.icon:active , nav a#pull2 span.icon:active {text-shadow: none;}
	nav a#pull1:after, nav a#pull2:after { content:""; background: url('../../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; left: 10px; top: 10px;}
	
	#topnav{padding: 0;
background: #e1e1e1;
color: #323232;
word-wrap: normal;
white-space: nowrap;
float: none;
margin: 5px 0 !important;
text-align: left;
width: 100% !important;
max-width: 100%;}
	#topnav ul{margin:0; padding:0; list-style:none; font-size:14px; background: none;}
	#topnav ul ul{z-index:9999; position:inherit; width:100%; box-shadow: none;}
	#topnav ul:first-child li:last-child > ul{right:0;}
	#topnav li{ display: block;
margin: 0 0 0 0;
padding: 0;
width: 100% !important;
float: none !important;
border: 0 !important;
position: relative !important;}
	#topnav li a{display:block; padding: 12px 14px; font-weight: bold;}
	#topnav li li a{display:block; margin:0; padding: 8px 14px 8px;}
	#topnav a{color:#323232; text-decoration: none;}
	#topnav li li a, #topnav li.active li a{font-weight:normal; margin: 0 0 0 20px; font-size:12px;}
	#topnav>ul>li.active>a {color:#FFFFFF; background-color:rgba(74, 26, 0, 0.95); box-shadow: none;}
	#topnav>ul>li>a:hover {color:#323232; background: #e1e1e1; box-shadow: none;}
	#topnav li ul a:hover{color:#323232; background: #e1e1e1;}
	#topnav ul li li:hover > a{color:#323232; background-color:#fea938;}
	#topnav li li a, #topnav li.active li a {color: #323232; background: #e1e1e1; font-weight: normal;}
	
	#main-nav{padding: 0;
background: #e1e1e1;
color: #323232;
/*word-wrap: normal;*/
/*white-space: nowrap;*/
float: none;
margin: 5px 0 !important;
text-align: left;
width: 100% !important;
max-width: 100%;}
	#main-nav ul{margin:0; padding:0; list-style:none; font-size:14px;}
	#main-nav ul ul{z-index:9999; position:inherit; width:100%; box-shadow: none; box-sizing: border-box;}
	#main-nav ul:first-child li:last-child > ul{right:0;}
	#main-nav li{position:inherit; display:block; float:none; margin:0 0 0 0; padding:0;}
	#main-nav li a{display:block; padding: 12px 14px; font-weight: bold;}
	#main-nav li li a{display:block; margin:0; padding: 8px 14px 8px;}
	#main-nav a{color:#323232; text-decoration: none;}
	#main-nav li li a, #main-nav li.active li a{font-weight:normal; margin: 0 0 0 20px; font-size:12px;}
	#main-nav>ul>li.active>a {color:#FFFFFF; background-color:rgba(74, 26, 0, 0.95); box-shadow: none;}
	#main-nav>ul>li>a:hover {color:#323232; background: #e1e1e1; box-shadow: none;}
	#main-nav li ul a:hover{color:#323232; background: #e1e1e1;}
	#main-nav ul li li:hover > a{color:#323232; background-color:#fea938;}
	#main-nav li li a, #main-nav li.active li a {color: #323232; background: #e1e1e1; font-weight: normal;}
	
	#intro .four_fifth {margin: 0 20px;}
	#container  {max-width:90%;}
	.pad-left>a, .r-side>a, .r-side>div {margin: 0 20px; display: block; text-align: center;}
	
	.main-content-wrapper{border-radius: 0; background: none; box-shadow: none;}
	.main-content-wrapper>div {margin: 0;}
	.login_wiget {  margin: 0 auto 20px !important; width: 205px;}
	
	#verify-btn #fl_login {top: 58px !important;}
}

/* 768px */
@media screen and (min-width:616px) and (max-width:800px) {
	#header, #topnav, #intro, #container, #footer, #copyright{width:100%; margin:0 auto;}
	
	#topnav ul{display:none;}
	#main-nav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	#header #hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}

	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	
	.pictogram div.first{clear:none;}	
	.pictogram div {
		display:inline; float:left; margin:10px 0 0 2%; list-style:none; width: 18.4%;
	}
	.pictogram div:nth-child(5n+1){margin-left:0; clear:left;}
	
	.nomobile {display: none !important;}
	.b-contacts {text-align: center;}
	
	.pad-left {padding: 0;}
	.mobile {display: block;}
	#navigator-btn {padding: 20px 0 0; text-align: right; text-align: right;}
	#contacts-btn {padding: 0; float: right; margin: 18px 0 0;}
	
	#calc-btn {margin: 0px 60px 0 0px; float: right;}
	.sto-btn{float: none !important; margin: 27px auto 0 !important;}
	
	#verify-btn {background: url(../../images/bg-r-2.png); width: 248px; height: 85px; position: relative; margin: 5px 0 0 25px;}
	
	#header {padding: 16px 0 5px;}
	
	nav {border-bottom: 0;}
	nav ul {display: none; height: auto;}
	nav a#pull1, nav a#pull2 {display: block; background-color: #ff0000; width: 100%; position: relative; height: 39px; color: #FFF; font-weight: bold; margin-top: 5px;}
	nav a#pull1 span, nav a#pull2 span{position: absolute; top: 11px; left: 40px; text-transform: uppercase;}
	nav a#pull1 span.icon, nav a#pull2 span.icon{position: absolute; top: 6px; right: 12px; display: inline; text-align: right; font-size: 28px; text-shadow: 1px 3px 3px rgba(0,0,0,0.5);}
	nav a#pull1 span.icon:active , nav a#pull2 span.icon:active {text-shadow: none;}
	nav a#pull1:after, nav a#pull2:after { content:""; background: url('../../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; left: 10px; top: 10px;}
	
	#topnav{padding: 0;
background: #e1e1e1;
color: #323232;
word-wrap: normal;
white-space: nowrap;
float: none;
margin: 5px 0 !important;
text-align: left;
width: 100% !important;
max-width: 100%;}
	#topnav ul{margin:0; padding:0; list-style:none; font-size:14px; background: none;}
	#topnav ul ul{z-index:9999; position:inherit; width:100%; box-shadow: none;}
	#topnav ul:first-child li:last-child > ul{right:0;}
	#topnav li{ display: block;
margin: 0 0 0 0;
padding: 0;
width: 100% !important;
float: none !important;
border: 0 !important;
position: relative !important;}
	#topnav li a{display:block; padding: 12px 14px; font-weight: bold;}
	#topnav li li a{display:block; margin:0; padding: 8px 14px 8px;}
	#topnav a{color:#323232; text-decoration: none;}
	#topnav li li a, #topnav li.active li a{font-weight:normal; margin: 0 0 0 20px; font-size:12px;}
	#topnav>ul>li.active>a {color:#FFFFFF; background-color:rgba(74, 26, 0, 0.95); box-shadow: none;}
	#topnav>ul>li>a:hover {color:#323232; background: #e1e1e1; box-shadow: none;}
	#topnav li ul a:hover{color:#323232; background: #e1e1e1;}
	#topnav ul li li:hover > a{color:#323232; background-color:#fea938;}
	#topnav li li a, #topnav li.active li a {color: #323232; background: #e1e1e1; font-weight: normal;}
	
	#main-nav{padding: 0;
background: #e1e1e1;
color: #323232;
word-wrap: normal;
white-space: nowrap;
float: none;
margin: 5px 0 !important;
text-align: left;
width: 100% !important;
max-width: 100%;}
	#main-nav ul{margin:0; padding:0; list-style:none; font-size:14px;}
	#main-nav ul ul{z-index:9999; position:inherit; width:100%; box-shadow: none; box-sizing: border-box;}
	#main-nav ul:first-child li:last-child > ul{right:0;}
	#main-nav li{position:inherit; display:block; float:none; margin:0 0 0 0; padding:0;}
	#main-nav li a{display:block; padding: 12px 14px; font-weight: bold;}
	#main-nav li li a{display:block; margin:0; padding: 8px 14px 8px;}
	#main-nav a{color:#323232; text-decoration: none;}
	#main-nav li li a, #main-nav li.active li a{font-weight:normal; margin: 0 0 0 20px; font-size:12px;}
	#main-nav>ul>li.active>a {color:#FFFFFF; background-color:rgba(74, 26, 0, 0.95); box-shadow: none;}
	#main-nav>ul>li>a:hover {color:#323232; background: #e1e1e1; box-shadow: none;}
	#main-nav li ul a:hover{color:#323232; background: #e1e1e1;}
	#main-nav ul li li:hover > a{color:#323232; background-color:#fea938;}
	#main-nav li li a, #main-nav li.active li a {color: #323232; background: #e1e1e1; font-weight: normal;}
	
	#intro .four_fifth {margin: 0 20px;}
	#container  {max-width:90%;}
	.pad-left>a, .r-side>a, .r-side>div {margin: 0 20px; display: block; text-align: center;}
	
	.main-content-wrapper{border-radius: 0; background: none; box-shadow: none;}
	.main-content-wrapper>div {margin: 0;}
	
	.nopad {display: none !important;}
	#header .one_quarter:nth-child(1) {width:31%;}
	#header .one_quarter:nth-child(2) {width:38%;}
	#header .one_quarter:nth-child(3) {width:29%;}
	
	.main-content-wrapper2 .one_third {width:48% !important; display:inline !important; float:left !important; margin:0 0 0 2% !important; list-style:none;}
	.main-content-wrapper2 .one_third.first {clear: none;}
	/*#header .one_fifth {width:32%;}
	#header .four_fifth {width:32%;}*/
	.login_wiget {  margin: 0 auto 20px !important; width: 205px;}
	
	#verify-btn #fl_login {top: 58px !important;}
}

/* 960px */
@media screen and (min-width:960px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:1000px; margin:0 auto;}
}

/* 1028px */
@media screen and (min-width:1028px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:1000px; margin:0 auto;}
}

/* 1200px */
@media screen and (min-width:1200px) {
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1000px; margin:0 auto;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */
@media screen and (min-width:801px) and (max-width:10000px) {

}

/* Resize Extended Box */
@media screen and (min-width:1501px) {
	/*body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}*/
}