/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.operational, .top_help {float: none; display: block; text-align: center;}
#top-wrapper { height: 445px;}
.intro1{float:left; height:auto;}
.span5{width:100% !important;}
.promobox{border:none; padding:15px;}
.top_help ul { float: none; display: block; text-align: center; width: 100%; margin: 0 auto;}
.top_help li { float: none; display: inline-block; margin-right: 5px !important;}
#page-heading { margin: 20px 0 5px !important;}
.page-title h2 { font-size: 24px; line-height: 28px; margin-bottom: 0px;}
.search-box { margin-top: -30px;}
#navigation { width: 100%; margin: 0;}
#navigation select { margin-top: -45px; width: 220px !important; float: right; right: 20px; position: absolute; z-index: 100;}
#navigation select.select-menu { display: block !important; width:100%; background: #ffffff; color:#666666; padding: 8px 5px; font-size: 12px; line-height:21px; margin-left: 10px; height:38px;
border: none; outline: none; border:1px solid #ccc;}
.sf-menu { display: none;}
#slider, #slider .flexslider .slides > li { width: 100%; min-width:464px; max-width: 768px; height: 320%; max-height: 207px;}
.flexslider:hover .flex-next {right: 5px;}
.flexslider:hover .flex-prev {left: 5px;}
.text-left p, .text-right p, .text-left ul, .text-right ul, .text-left a.button, .text-right a.button, .video-text, .center-text p { display: none;}
.text-left, .text-right { width:100%; float: none; display: block; text-align: center; margin-top: 20px !important;}
.video-text h2, .text-left h2, .text-right h2, .center-text h2 { line-height: 26px; font-size: 24px; margin-bottom: 0;}
.image-right, .image-left, .video-frame, img.slide-full { width: 100%; margin: 0 auto !important;}
.image-left img { max-width: 68%; max-height: 68%; margin: 0 auto;} 
.image-right img { max-width: 58%; max-height: 58%; margin: 0 auto;}
.center-text { margin-top: 20px;}
.center-text img { width: 100%; height: 200px !important;}
.video-frame { margin-top: 30px !important; padding: 6px; float: none; height: 90%; width: 96%;}
img.slide-full { height: 234px !important; padding: 6px; width: 96% !important; margin-top: 30px !important;}
.slide-shadow, .slide-shadow2 { display: none;}
#call-to-action { display: block; text-align: center; padding-top: 10px;}
#call-to-action h3 { line-height: 28px;}
.call_action_btn { float: none;}
.pricing-wrapper { margin-bottom:0px;}
.third-col .pricing-column, .fourth-col .pricing-column, .fifth-col .pricing-column { width:49.6%; margin-bottom:40px; display:inline-block; float:left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.pricing-column:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.pricing-column:last-child { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0px;}
.features-list li .four, .features-list li .three, .features-list li .six { border-bottom:  1px solid #e6e6e6; border-top: none; border-right: none;}
#features-block .flex-carousel { max-width: 100%;}
#features-block .flex-carousel li { max-width: 220px !important;}
.pf-box-3col li {width: 43%;}
.pf-box-3col li p {display:block;}
.pf-box-3col li img {margin-bottom:5px;}
#pf-filter ul li { font-size:10px; margin-left:4px; padding: 0; position: relative; z-index: 10; margin: 0px 2px 8px; display: inline; float: left;}
.portfolio-slider, .single-pf-image { height: 216px !important;}
.pf-video-wrapper { height: 248px !important;}
.portfolio-slider .flexslider .slides img { height: 218px !important;}
.single-pf-image img { height: 216px !important;}
.post-thumb { display: block; text-align: center; width: 100%; margin: 0 auto;}
.post-content { width: 100%;}
.staff-thumb { float: none; width: 100%;}
.staff-content { margin-left: 20px;}
.service-thumb { width: 100%; float: none;}
.service-content { width: 100%; float: none;}
#contactFormArea input { width: 100%;}
#contactFormArea textarea { width: 100%;}
.copyright { text-align: left;}
.footermenu { width: 100%; text-align: center;}
/*#logo img {width:35%;margin:0px auto;}*/
.arrow_domain {height:103px;}
.form_domain .button {margin:10px 0 0 62px;}
.vps_responsive {display:block;}
#content_wrap {display:none;}
#footer_top .detail .blog {width:100%;}
#footer_top .detail .blog .text {width:75%;}
#pricing-table .free-table, #pricing-table .basic-table, #pricing-table .premium-table, #pricing-table .ultimate-table {border: 1px solid #CCCCCC; float: none !important; margin: 0 auto 30px !important;}
#pricing-table .professional-table .pricing-title_home {font-size:22px !important;}
#pricing-table .professional-table {float:none !important;margin:0px auto !important;margin-bottom:30px !important;}
#pricing-table .free-table, #pricing-table .premium-table {width:310px !important;}
#pricing-table .basic-table, #pricing-table .ultimate-table {width:310px !important;}
#pricing-table .professional-table {width:310px !important;}
#pricing-table .amount .big-price {font-size:30px;}
.page-id-230 .content .three {width:auto !important;float:left !important;}
.page-id-938 .content .three {width:auto !important;float:left !important;}
iframe {max-width: 100%;height: auto;width: 100%;vertical-align: middle;}
table td#dm_ar {display:none;}
.bignumber {font-size:30px !important;}
select#responsive-main-nav-menu {display:block;width:60%;padding:6px;margin:0 auto;}
#logo-wrapper{float:none; display:block; width:35%; margin:0 auto; padding:0px !important;}
#navigation-wrapper{padding-top:0px;}
.homepage-content{float:left;}
#pricing-table .pricing-info a{margin-bottom:10px !important;}
#pricing-table .pricing-table{border:none !important;}
.row{padding:15px;}
.pricing-wrapper{padding:0px !important;}
#footer_top .detail .email{float:left;}
#top-wrapper-inner{background-image:none !important;}
.tab_content{overflow:hidden;}
td.step2{float:left;}
.wrap1{margin-bottom:0px; padding:15px !important;}
.span8{width:100% !important; margin-left:0px !important;}
.span6{width:100% !important; margin-left:0px !important;}
.gears-top{float:left !important; width:40% !important;}
p.info_m{text-align:center;}
.span4{width:100% !important; margin-left:0px !important;}
}