/* Tablet Landscape ----------- */

@media only screen and (max-width : 1024px) {

.tab_content-left img{	width: 100%; }

header, #slideshow-container, #content-wrapper, footer {width:100%;}

#pagetitle-container {width:100%;}

.grey-column, .grey-column-bottom {padding:30px 28px 25px 28px;}

.tab_container-left:before{-webkit-box-shadow:0 0 17px rgba(0,0,0,0.2); -moz-box-shadow:0 0 17px rgba(0,0,0,0.2); box-shadow:0 0 17px rgba(0,0,0,0.2);}

.tab_container-right:before{-webkit-box-shadow:0 0 17px rgba(0,0,0,0.2); -moz-box-shadow:0 0 17px rgba(0,0,0,0.2); box-shadow:0 0 17px rgba(0,0,0,0.2);}

#search button {height:40px; margin:2 px 0px 0px -40px;}

#slideshow-container {height:409px !important;}

.teaser-preview-box iframe {height:160px !important;}

footer{ background-image: none; background-color: #FB7512; /*#00BFFF;*/ /*#00CED1;*/ }

#pagetitle-container .h1Keywords{ font-size: 25px; }

}


/* Tablet Potrait ----------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.tinynav {

width:36%;

font-family:'Raleway', Helvetica, Arial;

font-size:12px;

text-transform:uppercase;

padding:10px;

margin-right: 2%;

-webkit-border-radius:0px;

-moz-border-radius:0px;

border-radius:0px;

color:#888;

border:none;

outline:none;

display: inline-block;

-webkit-appearance:none !important;

-moz-appearance:none !important;

appearance:none !important;

cursor:pointer;

background:#fff url(../images/resp_menu.gif)95% center no-repeat;

background-size: 18px 18px;

float:right;

}



#mainmenu-wrapper {height:90px; margin-bottom:33px;}

#mainmenu {width:100%; margin-top:29px;}

#menu {display:none;}



#pagetitle-container {width:100%; margin-top:-33px;}

#pagetitle-container h1 {font-size:54px; bottom:-49px;}

.breadcrumb {bottom:-75px;}

.row {padding: 0 25px;}

.row .row {padding: 0px;}

.row.map-column{padding: 0px !important;}



#logo {margin-top:45px;}

#top-socials {display:none;}

#slideshow-container {height:307px !important;}



.mobile-two i.float-right {margin-bottom:5px;}

.grey-column, .grey-column-bg, .grey-column-bottom {padding:30px 24px 25px 24px;}

.promo-text, .promo-button {text-align:center !important; float:none;}

.imghide-tablet, .nobr {display:none;}

ul.client-box li {width:31.1%;}

ul.client-box li:last-child {display:none;}

ul.pricing-payment li {width:24.7%; text-align:center;}

#error404 {width:80%;}



#masorny .teaser .row .two {width:50px !important; left:-38px; position:relative; float:left;}

#masorny .teaser .row .two .post-author {float:left; top:-12px; left:0px;}

#masorny .teaser .row .ten {padding-left:37px;}

.teaser-preview-box iframe {height:185px !important;}

article iframe {height:385px;}

aside iframe {height:382px;}

.teaser .row .two {width:100%;}

.post-type {float:left; left:0px; position:relative;}

.post-author {float:left; top:0px; left:-12px;}

.post-info ul {float:left; margin-top:-54px; margin-left:150px;}

.post-info ul li {display:inline-block; margin-right:14px; font-size:13px;}

.post-info ul li i {font-size:13px; margin-right:7px; top:2px;}

.pricing-grid.two-up > li { width: 47%; margin:15px 10px; padding:0; display:inline-block !important;}

.pricing-grid.three-up > li { width: 30.2%; margin:15px 10px; padding:0; display:inline-block !important;}

.pricing-grid.four-up > li { width: 47%; margin:15px 10px; padding:0; display:inline-block !important;}

.block-grid.four-up > li .teaser h6 {font-size:14px;}

.block-grid.four-up > li .teaser h6.subheader {display:none;}



.twelve ul.tabs-left, .twelve ul.tabs-right {width:22% !important;}

.twelve .tab_container-left, .twelve .tab_container-right {width:78% !important;}

.eleven ul.tabs-left, .eleven ul.tabs-right {width:22% !important;}

.eleven .tab_container-left, .eleven .tab_container-right {width:78% !important;}

.ten ul.tabs-left, .ten ul.tabs-right {width:22% !important;}

.ten .tab_container-left, .ten .tab_container-right {width:78% !important;}

.nine ul.tabs-left, .nine ul.tabs-right {width:22% !important;}

.nine .tab_container-left, .nine .tab_container-right {width:78% !important;}

.eight ul.tabs-left, .eight ul.tabs-right {width:22% !important;}

.eight .tab_container-left, .eight .tab_container-right {width:78% !important;}

.seven ul.tabs-left, .seven ul.tabs-right {width:22% !important;}

.seven .tab_container-left, .seven .tab_container-right {width:78% !important;}

.six ul.tabs-left, .six ul.tabs-right {width:22% !important;}

.six .tab_container-left, .six .tab_container-right {width:78% !important;}



.twelve .tab_container-left ul.icons-list li, .twelve .tab_container-left ul.icons-list-webhostinghub li, .twelve .tab_container-left ul.icons-list-flaticon li {width:21.6% !important;}

}



/* Mobile Landscape ----------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.tinynav {

width:60%;

font-family:'Raleway', Helvetica, Arial;

font-size:12px;

text-transform:uppercase;

padding:10px;

margin-right: 6%;

-webkit-border-radius:0px;

-moz-border-radius:0px;

border-radius:0px;

color:#888;

border:none;

outline:none;

display: inline-block;

-webkit-appearance:none !important;

-moz-appearance:none !important;

appearance:none !important;

cursor:pointer;

background:#fff url(../images/resp_menu.gif)95% center no-repeat;

background-size: 18px 18px;

float:right;

}



#pagetitle-container h1 {bottom:-50px; font-size:52px;}

.breadcrumb {display:none;}



#mainmenu-wrapper {height:90px !important;}

#mainwrapper-left {width:40%;}

#mainwrapper-right {width:60%;}

#mainmenu {width:100%; margin-top:29px;}

#menu {display:none;}

#top-socials {display:none;}

#logo {margin-top:45px;}

#slideshow-container {height:227px !important; margin:0px auto 0px auto; top:0px;}



.row {padding: 0 25px;}

.row .row {padding: 0px;}

.row.map-column{padding: 0px !important;}

.row .mobile-two {width:100% !important;}

.row .mobile-five {width:100% !important;}

.grey-column, .grey-column-bg, .grey-column-bottom {padding:30px 25px 25px 25px;}

.grey-column-bg h2 {font-size:26px;}

.grey-column-bg p {font-size:14px; line-height:22px;}

.promo-text, .promo-button {text-align:center !important; float:none;}

.nbs-flexisel-container {margin:0px 0px 0px -9px;}

.nbs-flexisel-ul {margin:0px 0px 0px -4px;}

.nbs-flexisel-item {margin:0px 4px;}

.imghide-mobile, .nobr {display:none;}

ul.client-box li {width:46.7%;}

ul.pricing-payment li {width:24.6%; text-align:center;}

#error404 {width:95%;}

#error404 h1 {font-size:48px;}

#error404 h5 {font-size:17px; padding:14px 0 16px 0; letter-spacing:-1px;}

#error404 i {font-size:50px; top:9px;}

#error404 p.lead {font-size:16px;}



#masorny .teaser .row .two {width:50px !important; left:-27px; position:relative; float:left;}

#masorny .teaser .row .two .post-type {left:-12px;}

#masorny .teaser .row .two .post-author {top:-12px;}

#masorny .teaser .row .ten {padding-left:35px;}

.teaser .row .two {width:100%;}

.post-type {float:left; left:0px; position:relative;}

.post-author {float:left; top:0px; left:-12px;}

.post-info ul {float:left; margin-top:-54px; margin-left:150px;}

.post-info ul li {display:inline-block; margin-right:10px; font-size:12px;}

.post-info ul li i {font-size:12px; margin-right:5px; top:2px;}

.teaser-preview-box iframe {height:272px !important;}

article iframe {height:270px;}

aside iframe {height:268px;}

#comment ol li ol {margin-left:0px;}



.twelve ul.tabs-left, .twelve ul.tabs-right {width:32% !important;}

.twelve .tab_container-left, .twelve .tab_container-right {width:68% !important;}

.eleven ul.tabs-left, .eleven ul.tabs-right {width:32% !important;}

.eleven .tab_container-left, .eleven .tab_container-right {width:68% !important;}

.ten ul.tabs-left, .ten ul.tabs-right {width:32% !important;}

.ten .tab_container-left, .ten .tab_container-right  {width:68% !important;}

.nine ul.tabs-left, .nine ul.tabs-right {width:32% !important;}

.nine .tab_container-left, .nine .tab_container-right {width:68% !important;}

.eight ul.tabs-left, .eight ul.tabs-right {width:32% !important;}

.eight .tab_container-left, .eight .tab_container-right {width:68% !important;}

.seven ul.tabs-left, .seven ul.tabs-right {width:32% !important;}

.seven .tab_container-left, .seven .tab_container-right {width:68% !important;}

.six ul.tabs-left, .six ul.tabs-right {width:32% !important;}

.six .tab_container-left, .six .tab_container-right {width:68% !important;}



.twelve .tab_container-left ul.icons-list li, .twelve .tab_container-left ul.icons-list-webhostinghub li, .twelve .tab_container-left ul.icons-list-flaticon li {width:44.9% !important;}



.block-grid-nomargin.three-up > li, .block-grid-nomargin.four-up > li, .block-grid-nomargin.five-up > li { width: 50%; padding: 0px; margin-bottom: -8px;}

.pricing-grid.two-up, .pricing-grid.three-up, .pricing-grid.four-up { margin: 15px -10px; }

.pricing-grid.two-up > li {width: 97.9%; margin:15px 10px 48px 10px; padding:0; clear:both;}

.pricing-grid.three-up > li, .pricing-grid.four-up > li { width: 97.9%; margin:15px 10px; padding:0; clear:both; }

.pricing-grid.two-up > li.featured-plan, .pricing-grid.three-up > li.featured-plan, .pricing-grid.four-up > li.featured-plan {margin-top:31px;}

.block-grid.three-up > li .teaser h6 {font-size:14px;}

.block-grid.three-up > li .teaser h6.subheader {display:none;}



.block-grid.four-up > li {width: 100%;}



#map {height:250px;}

#map2, #map3 {height:200px;}

}



/* Mobile Portrait ----------- */

@media only screen and (max-width: 479px) {

.tinynav {

width:70%;

font-family:'Raleway', Helvetica, Arial;

font-size:12px;

text-transform:uppercase;

padding:10px;

-webkit-border-radius:0px;

-moz-border-radius:0px;

border-radius:0px;

color:#888;

border:none;

outline:none;

display: inline-block;

-webkit-appearance:none !important;

-moz-appearance:none !important;

appearance:none !important;

cursor:pointer;

background:#fff url(../images/resp_menu.gif)95% center no-repeat;

background-size: 18px 18px;

}



#pagetitle-container {height:88px;}

#pagetitle-container h1 {bottom:-57px; font-size:35px; overflow:hidden;}

.breadcrumb {display:none;}



#mainmenu-wrapper {height:130px;}

#mainwrapper-left {width:100%;}

#mainwrapper-right {width:100%;}

#mainmenu {width:100%; margin:15px auto 0px auto; text-align:center;}

#menu {display:none;}

#top-socials {display:none;}

.phonemail-area {width:100%; text-align:center;}

.phonemail-area span:last-child {margin-right:0px;}

.flag-area {display:none;}

#logo {margin-top:33px; text-align:center; float:none;}

#slideshow-container {height:142px !important; margin:0px auto 0px auto; top:0px;}



.row {padding: 0 15px;}

.row .row {padding: 0px;}

.row.map-column{padding: 0px !important;}

.row .mobile-two {width:100% !important;}

.row .mobile-five {width:100% !important;}

.grey-column, .grey-column-bg, .grey-column-bottom {padding:30px 15px 25px 15px;}

.grey-column-bg h2 {font-size:26px;}

.grey-column-bg p {font-size:14px; line-height:22px;}

.promo-text, .promo-button {text-align:center !important; float:none;}

.nbs-flexisel-item .teaser {width:98.8% !important;}

.nbs-flexisel-container {margin:0px 0px 0px -2px;}

.nbs-flexisel-ul {margin:0px 0px 0px -12px;}

.nbs-flexisel-item {margin:0px 3px;}

.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {margin-top:-156px; position:absolute; clear:both;}

.imghide-mobile, .nobr {display:none;}

ul.client-box li {width:94.5%;}



#masorny .teaser .row .two {width:50px !important; left:-27px; position:relative; float:left;}

#masorny .teaser .row .two .post-type {left:-12px;}

#masorny .teaser .row .two .post-author {top:-12px;}

#masorny .teaser .row .ten {padding-left:35px;}

.teaser .row .two {width:100%;}

.post-type {width:43px; height:43px; float:left; left:0px; position:relative; font-size:16px; padding-top:10px; padding-left:13px;}

.post-author {width:43px; height:43px; float:left; top:0px; left:-12px;}

.post-author img {width:43px; height:43px;}

.post-info ul {width:68%; margin:-45px 0px 0px 80px; float:left;}

.post-info ul li {display:inline-block; margin-right:7px; font-size:11px; float:left;}

.post-info ul li i {font-size:11px; margin-right:3px; top:2px;}

.teaser-preview-box iframe {height:145px !important;}

article iframe {height:144px;}

article p.lead {overflow:hidden;}

aside iframe {height:141px;}

#comment ol li ol {margin-left:0px;}

.comment-text {margin-left:0px;}

.avatar {width:45px; height:45px; position:relative; margin-bottom:-19px; left:-20px;}

.avatar img {width:45px; height:45px;}

.share-facebook {width:100% !important; overflow:hidden;} 



.block-grid-nomargin.three-up > li, .block-grid-nomargin.four-up > li, .block-grid-nomargin.five-up > li { width: 100%; padding: 0px; margin-bottom: -8px;}

.pricing-grid.two-up, .pricing-grid.three-up, .pricing-grid.four-up { margin: 15px -10px; }

.pricing-grid.two-up > li {width: 92.8%; margin:15px 10px 48px 10px; padding:0; clear:both;}

.pricing-grid.three-up > li, .pricing-grid.four-up > li { width: 92.8%; margin:15px 10px; padding:0; clear:both; }

.pricing-grid.two-up > li.featured-plan, .pricing-grid.three-up > li.featured-plan, .pricing-grid.four-up > li.featured-plan {margin-top:31px;}



.block-grid.two-up > li, .block-grid.three-up > li, .block-grid.four-up > li {width: 100%;}



ul.tabs {height:auto;}

ul.tabs li a {height:44px; font-size:14px; padding:0 22px;}

ul.tabs li {width:100%; float:left; height:44px;}

.tab_container {width:99.8%!important; border-top: none; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

ul.tabs-bottom {height:auto;}

ul.tabs-bottom li a {height:46px; font-size:14px; padding:0 22px;}

ul.tabs-bottom li {width:100%; float:left; height:46px;}

.tab_container-bottom {width:99.8%!important; border-top: solid 1px #ddd; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

ul.tabs-left li.active a, ul.tabs-right li.active a {border-top:solid 1px #2b8cce !important; border-left:solid 1px #ddd !important; border-right:solid 1px #ddd !important;}

.tab_container-left {left:0px; margin-top:-18px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; border-top: none;}

.tab_container-right {right:0px; margin-top:-18px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; border-top: none;}

.tab_container-left:before, .tab_container-right:before{display:none;}

.tab_content-left, .tab_content-right {padding:25px 20px 15px;}

.twelve ul.tabs-left, .twelve ul.tabs-right {width:100% !important;}

.twelve .tab_container-left, .twelve .tab_container-right {width:100% !important;}

.eleven ul.tabs-left, .eleven ul.tabs-right {width:100% !important;}

.eleven .tab_container-left, .eleven .tab_container-right {width:100% !important;}

.ten ul.tabs-left, .ten ul.tabs-right {width:100% !important;}

.ten .tab_container-left {width:100% !important;}

.nine ul.tabs-left, .nine ul.tabs-right {width:100% !important;}

.nine .tab_container-left, .nine .tab_container-right {width:100% !important;}

.eight ul.tabs-left, .eight ul.tabs-right {width:100% !important;}

.eight .tab_container-left, .eight .tab_container-right {width:100% !important;}

.seven ul.tabs-left, .seven ul.tabs-right {width:100% !important;}

.seven .tab_container-left, .seven .tab_container-right {width:100% !important;}

.six ul.tabs-left, .six ul.tabs-right {width:100% !important;}

.six .tab_container-left, .six .tab_container-right {width:100% !important;}



.twelve .tab_container-left ul.icons-list li, .twelve .tab_container-left ul.icons-list-webhostinghub li, .twelve .tab_container-left ul.icons-list-flaticon li {width:42% !important;}

.tab_container-left ul.icons-list-flaticon li i {left:20%;}



form#contactform label {width:29% !important;}

form#contactform input {width:59% !important;}

form#contactform textarea {width:71% !important;}

#commentform-wrap {width:95%;}



table th, table td {font-size:11px; padding:8px 10px;}



#map {height:250px;}

#map2, #map3 {height:200px;}

}