html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
@media only screen and (max-width: 1024px) {
#body-wrapper .rt-block.totop {display:none !important;}
#wrapper {margin: 0 auto;}
#footer, .push {height: auto;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*Top*/
#body-wrapper {width: 100%;}
/*Header*/
#rt-top .rt-container:before, #rt-header .rt-container:before, #rt-bottom .rt-container:before, #rt-mainbottom .rt-container:before{width: 748px;}
/*Menu*/
#wrapper ul.sf-menu > li > a, #wrapper ul.sf-menu > li > span {padding: 0 21px;}
#wrapper div.mod_search input#mod-search-searchword {width: 160px;}
/*Showcase*/
div.k2ItemsBlock.joinus ul li h3 {margin: 0 150px 10px 0;}
div.k2ItemsBlock.joinus ul li div.moduleItemIntrotext p {margin: 0 150px 0 13px;}
/*Maintop*/
div.k2ItemsBlock.showcase ul li.item-0{width: 303px; margin:0 14.3px 14.3px 0;}
div.k2ItemsBlock.showcase ul li.item-1{width: 429px; margin: 0 0 14.3px 0;}
div.k2ItemsBlock.showcase ul li.item-2{width:238px;}
div.k2ItemsBlock.showcase ul li.item-3{width: 175px; margin: 0 14.3px 0px 0;}
div.k2ItemsBlock.showcase ul li.item-4{width:303px; margin: 0 14.3px 0px 0;}
/*Content*/
#catalogue #wrapper div.leftCol, #catalogue #wrapper div.rightCol {width: 228px;}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
form dt{margin:0;}
#rt-main #contact-form-cont{width:60%}
#rt-main #contact-address{width:40%;}
#form-login input#modlgn_username,
#form-login input#modlgn_passwd,
div.mod_search input#mod-search-searchword{width:200px;}
#wrapper #rt-main #contact-form-cont {width: 42%;}
#wrapper #rt-main #contact-address {width: 58%;}
#wrapper #map {height: 280px;}
#blog span.catItemImage img, #blog span.itemImage img {width: 100%;}
/*Sidebar*/
#wrapper div.jcarousel-clip.jcarousel-clip-vertical {height: 190px;}
/*Mainbottom*/
#wrapper div.k2ItemsBlock.banners ul li {width: 234px;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*Top*/
/*Header*/
#rt-header .rt-container {background: none}
#rt-top .rt-container:before, #rt-header .rt-container:before, #rt-bottom .rt-container:before, #rt-mainbottom .rt-container:before{width: 420px; left:0}
#rt-top .rt-container{background:url(../images/menus/menu-bg.jpg) left top repeat; border-top:3px solid #000;}
/*Menu*/
.sf-menu {margin: 0;}
#mobileMenu{position: relative; width: 100%; padding:1em;}
#mobileMenu select{width:395px;}
#wrapper div.mod_search {right: 0; top: 0; padding: 1em; z-index: 20}
#wrapper div.mod_search input#mod-search-searchword {width: 382px;}
#wrapper div.mod_search input.button {right: 20px; top: 22px;}
/*Showcase*/
#wrapper div.k2ItemsBlock.showcase ul li.item-0, #wrapper div.k2ItemsBlock.showcase ul li.item-1, #wrapper div.k2ItemsBlock.showcase ul li.item-2,
#wrapper div.k2ItemsBlock.showcase ul li.item-3, #wrapper div.k2ItemsBlock.showcase ul li.item-4{float:left; margin:0 0 18px 0; width:100%;}
#wrapper div.k2ItemsBlock.showcase ul li img{width: 100%;}
div.k2ItemsBlock.joinus ul li h3 {margin: 0 0px 10px 0;}
div.k2ItemsBlock.joinus ul li div.moduleItemIntrotext p {margin: 0 0px 0 13px;}
/*Maintop*/
/*Content*/
/*Images*/
#body-wrapper div.itemImageBlock, div.userItemImageBlock{float:none;}
div.catItemImageBlock, div.itemImageBlock{margin: 0 0 1em 0;}
span.catItemImage img, span.itemImage img, span.userItemImage img{width:100%;}
/*Columns*/
div.itemContainer{width:100% !important}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address{ width: 100%;}
.contact-form{margin:0;}
#wrapper form dt{margin:0;}
#wrapper form dd{margin:0 0 1em 0; width: 100%; float:none;}
#wrapper #contact-form-cont{margin:0 0 2em 0;}
#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login input[type="text"],
#form-login input[type="password"],
#wrapper #form-login input.inputbox,
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"],
#jform_contact_message, #commentText,
textarea#jform_profile_aboutme {width:380px}
div.k2ItemsBlock.aboutSlider{margin: 0 0 5em 0}
.flexslider .slides img{width: 100%}
div.k2ItemsBlock.aboutNews{margin:0 0 3em 0;}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
div.k2ItemsBlock.vision ul li{margin: 0 0 2em 0}
/*Sidebar*/
/*Mainbottom*/
#wrapper div.k2ItemsBlock.banners ul li, #wrapper div.k2ItemsBlock.banners ul li img {width: 100%;}
#wrapper div.k2ItemsBlock.banners ul li{margin: 0 0 1em 0;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
#footer #rt-bottom div.rt-grid-3{float: left; height: 180px; margin: 0 0 2em; overflow: hidden; width: 50%;}
#body-wrapper #rt-footer div.rt-grid-6{width: 50%; float:left;}
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
#wrapper div.text404 .mod_search input.button{right: 10px; top: 10px;}
/*Offline*/
#frame.outline{width: 460px;}
#frame.outline #counter, #frame.outline .counter_desc, p.estim{display: none;}
#wrapper li.pagination-start, #wrapper li.pagination-prev, #wrapper li.pagination-next, #wrapper li.pagination-end{display: none}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
/*Top*/
#rt-logo{background:url(../images/logo/logo-resp.png) top left no-repeat;
width: 277px;
height: 86px;
margin: 0 0 0 -138.5px;
}
/*Header*/
#rt-top .rt-container:before, #rt-header .rt-container:before, #rt-bottom .rt-container:before, #rt-mainbottom .rt-container:before{width: 300px; left:0}
#rt-top .rt-container{background:url(../images/menus/menu-bg.jpg) left top repeat; border-top:3px solid #000;}
/*Menu*/
.sf-menu {margin: 0;}
#mobileMenu{position: relative; padding:1em;}
#mobileMenu select{width:275px;}
#wrapper div.mod_search {right: 0; top: 0; padding: 1em; z-index: 20}
#wrapper div.mod_search input#mod-search-searchword {width: 262px;}
#wrapper div.mod_search input.button {right: 20px; top: 22px;}
/*Showcase*/
#wrapper div.k2ItemsBlock.showcase ul li.item-0, #wrapper div.k2ItemsBlock.showcase ul li.item-1, #wrapper div.k2ItemsBlock.showcase ul li.item-2,
#wrapper div.k2ItemsBlock.showcase ul li.item-3, #wrapper div.k2ItemsBlock.showcase ul li.item-4{float:left; margin:0 0 18px 0; width:100%;}
#wrapper div.k2ItemsBlock.showcase ul li img{width: 100%;}
div.k2ItemsBlock.joinus ul li h3 {margin: 0 0px 10px 0;}
div.k2ItemsBlock.joinus ul li div.moduleItemIntrotext p {margin: 0 0px 0 13px;}
/*Maintop*/
/*Content*/
/*Images*/
#body-wrapper div.itemImageBlock, div.userItemImageBlock{float:none;}
div.catItemImageBlock, div.itemImageBlock{margin: 0 0 1em 0;}
span.catItemImage img, span.itemImage img, span.userItemImage img{width:100%;}
/*Columns*/
div.itemContainer{width:100% !important}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address,
#body-wrapper .contact-misc p{ width: 100%;}
#wrapper form dt{margin:0;}
#wrapper form dd{margin:0 0 1em 0; width: 100%; float:none;}
#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login input[type="text"],
#form-login input[type="password"],
#wrapper #form-login input.inputbox,
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"],
#jform_contact_message, #commentText,
textarea#jform_profile_aboutme {width:265px}
div.k2ItemsBlock.aboutSlider{margin: 0 0 5em 0}
.flexslider .slides img{width: 100%}
div.k2ItemsBlock.aboutNews{margin:0 0 3em 0;}
#wrapper li.pagination-start, #wrapper li.pagination-prev, #wrapper li.pagination-next, #wrapper li.pagination-end{display: none}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
div.k2ItemsBlock.vision ul li{margin: 0 0 2em 0}
/*Sidebar*/
/*Mainbottom*/
#wrapper ul.bannergroup li.banneritem, #wrapper ul.bannergroup li.banneritem img {width: 100%;}
#wrapper ul.bannergroup li.banneritem{margin: 0 0 1em 0;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
#footer #rt-bottom div.rt-grid-3{margin: 0 0 2em 0}
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
#wrapper div.text404 .mod_search input.button{right: 10px; top: 10px;}
/*Offline*/
#frame.outline{width: 300px;}
#frame.outline #form-login input#username, #frame.outline #form-login input#passwd{width: 214px;}
#frame.outline #counter, #frame.outline .counter_desc, p.estim{display: none;}
}