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;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*Top*/
/*Header*/
#rt-menu .rt-container,#rt-header .rt-container,#rt-showcase .rt-container{width:100%;padding:0;}
#rt-copyright .rt-container,#rt-mainbottom,#rt-bottom{width:100%;}
/*Menu*/
ul.sf-menu > li{padding:0 !important;}
/*Showcase*/
/*Maintop*/
.experience div.k2ItemsBlock ul li{width:172px;}
/*Content*/
#rt-mainbody{padding:0 !important;}
.services div.k2ItemsBlock ul li{float:left;width:260px;}
.services div.k2ItemsBlock ul li.item1 div.moduleItemIntrotext,.services div.k2ItemsBlock ul li.item3 div.moduleItemIntrotext{padding-right:30px;}
.services div.k2ItemsBlock ul li.item2,.services div.k2ItemsBlock ul li.item4{padding-left:30px;width:240px;}
.prices div.k2ItemsBlock ul li{width:226px;}
/*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;}
/*Sidebar*/
.search_block .mod_search #mod-search-searchword{width:162px;}
#userName,
#commentEmail,
#commentURL,
textarea#commentText
{width:450px}
/*Mainbottom*/
/*Bottom*/
.bottom_blocks div.k2ItemsBlock ul li{width:364px;}
.bottom_blocks div.k2ItemsBlock ul li:first-child{width:314px;margin-right:20px;padding-right:29px}
/*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-menu .rt-container,#rt-header .rt-container,#rt-showcase .rt-container{width:100%;padding:0;}
#rt-menu .rt-container{padding:0 0 20px;border:none;}
#rt-copyright .rt-container,#rt-mainbottom,#rt-bottom{width:100%;}
/*Menu*/
/*Showcase*/
/*Maintop*/
.experience div.k2ItemsBlock ul{margin:0;}
.experience div.k2ItemsBlock ul li{float:none;margin:0 0 20px;width:100%;}
.experience div.k2ItemsBlock ul li a.moduleItemImage{float:left;margin:0 20px 0 0;width:200px;}
/*Content*/
#rt-mainbody{padding:0 !important;}
.services div.k2ItemsBlock ul li{float:none;width:100% !important;margin:0 !important;padding:0 0 20px !important;}
.services div.k2ItemsBlock ul li div.moduleItemIntrotext,.services div.k2ItemsBlock ul li div.moduleItemIntrotext .moduleItemIntrotextInner{padding:0px !important;border:none !important;}
.prices div.k2ItemsBlock ul {margin:0;}
.prices div.k2ItemsBlock>ul>li{float:none;margin:0 0 20px;width:100%;}
/*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;}
/*Search*/
#wrapper #searchForm #search-searchword{margin-bottom:1em;}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
.search_block .mod_search #mod-search-searchword {width:345px;}
#userName,
#commentEmail,
#commentURL,
#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"],
textarea#jform_contact_message, textarea#commentText,
textarea#jform_profile_aboutme {width:380px}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
/*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*/
/*Header*/
#rt-menu .rt-container,#rt-header .rt-container,#rt-showcase .rt-container{width:100%;padding:0;}
#rt-menu .rt-container{padding:0 0 20px;border:none;}
#rt-copyright .rt-container,#rt-mainbottom,#rt-bottom{width:100%;}
/*Menu*/
/*Showcase*/
/*Maintop*/
.experience div.k2ItemsBlock ul li{margin:0 auto 20px;float:none;}
/*Content*/
#rt-mainbody{padding:0 !important;}
/*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;}
/*Search*/
#wrapper #searchForm #search-searchword{margin-bottom:1em;}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
#userName,
#commentEmail,
#commentURL,
#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"],
textarea#jform_contact_message, textarea#commentText,
textarea#jform_profile_aboutme {width:265px}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
.bottom_blocks div.k2ItemsBlock ul,.services div.k2ItemsBlock ul{margin:0;}
.bottom_blocks div.k2ItemsBlock ul li,.services div.k2ItemsBlock ul li{width:300px !important;padding:0 !important;margin:0 !important;border:none !important;}
.services div.k2ItemsBlock ul li{float:none;width:100% !important;margin:0 !important;padding:0 0 20px !important;}
.services div.k2ItemsBlock ul li div.moduleItemIntrotext,.services div.k2ItemsBlock ul li div.moduleItemIntrotext .moduleItemIntrotextInner{padding:0px !important;border:none !important;}
.prices div.k2ItemsBlock ul {margin:0;}
.prices div.k2ItemsBlock>ul>li{float:none;margin:0 0 20px;width:100%;}
/*Footer*/
.rt-block.totop {display:none !important;}
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
/*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;}
}