/* Tablet Landscape ----------- */
@media only screen and (max-width : 1024px) {
header, #content-wrapper, footer {width:100%;}
input[type="text"], input[type="password"], input[type="email"], .labelinputs, textarea, select {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
}

/* Tablet Potrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.row {padding: 0 25px;}
.row .row {padding: 0px;}

.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 {width:100%; margin:15px 7px 0px 0px; float:right;}
#menu {display:none;}
#slideshow-container {width:100%; height:270px !important; padding:0px 45px; float:left;}
#camera-slide {height:270px !important;}
.pf-slide {height:270px; !important;}
aside:before {width:107.3%;}

ul.featured li {width:47.2%; margin-right:35px; margin-bottom:8px; float:left;}
ul.featured li:last-child {margin-right:0px;}

footer .left-footer {width:85%; float:left;}
footer .right-footer {width:15%; margin-top:-69px; float:right;}

.nbs-flexisel-item .teaser {width:215px !important;}
ul.client-box li {width:33%;}
ul.client-box li:first-child {margin-left:0px;}
ul.pricing-payment li {width:24.7%; text-align:center;}

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

.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;}

article iframe {height:274px;}
.share-social {width:24.4% !important; margin:-30px -1px -4px 0px !important;}

.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;}

#error404-left {margin:35px 0px 0px 0px; padding-left:126px;}
#error404-right {width :63%; margin:35px auto 60px auto; padding-left:0px;}

.thumbs div {width:61px; height:61px;}

.caption-image-left {width:342px !important; bottom:-51px !important; margin-left:20px !important;}
.caption-image-right {width:342px !important; margin-top:55px; !important; margin-left:312px !important;}
.caption-image-center {width:580px !important; bottom:-26px !important; margin-left:34px !important;}
.caption-image-left img, .caption-image-right img {width:342px !important;}
.caption-image-center img {width:580px !important;}

.caption-text-center {width:422px !important; margin-top:34px !important; margin-left:125px !important;}
.caption-text-right {width:290px !important; top:-170px !important; margin-left:365px !important;}
.caption-text-left {width:290px !important; top:60px !important; margin-left:24px !important;}
.caption-text-right h2, .caption-text-left h2, .caption-text-center h2 {font-size:25px !important; padding:2px 12px 4px 12px !important;}
.caption-text-right h4, .caption-text-left h4 {font-size:18px !important;}

.caption-text2 {width:340px !important; bottom: -154px !important;}
.caption-text-center2 {width:500px !important; margin-left:90px !important;}
.caption-text-center2a {width:500px !important; margin-left:90px !important;}
.caption-text-center2 h1 {font-size:36px !important;}
}

/* Mobile Landscape ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.row {padding: 0 20px;}
.row .row {padding: 0px;}
.row .mobile-two {width:100% !important;}
.row .mobile-five {width:100% !important;}

.top-search {width:35%; top:17px;}

.tinynav {
width:45%;
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 {width:100%; margin:15px 7px 0px 0px; float:right;}
#menu {display:none;}
#slideshow-container {width:100%; height:220px !important; padding:0px 45px; float:left;}
#camera-slide, .pf-slide, .blog-slide, article iframe {height:220px !important;}
aside:before {width:110.4%;}

.promo-text, .promo-button {text-align:center !important; float:none;}
ul.pricing-payment li {width:24.6%; text-align:center;}

ul.featured li {width:100%; margin-right:35px; margin-bottom:15px; float:left;}
ul.featured li:last-child {margin-bottom:25px;}

footer .left-footer {width:80%; float:left;}
footer .right-footer {width:20%; margin-top:-69px; float:right;}

.nbs-flexisel-ul {margin:0px -6px 0px -6px !important;}
.nbs-flexisel-item .teaser {width:233px !important;}
.mobile-five .teaser {width: 98%;}
ul.client-box li {width:33%;}
ul.client-box li:first-child {margin-left:0px;}

.caption-text {width:214px !important; height:54px !important; padding:8px 14px !important; bottom: -83px !important;}
.caption-text h1, .caption-text h2, .caption-text h3, .caption-text h4, .caption-text h5, .caption-text h6,
.caption-text-center h2, .caption-text-right h2, .caption-text-left h2 {font-size:22px !important;}
.caption-text-center2 h1 {font-size:32px !important;}
.caption-text p, .caption-text a, .caption-text2 p {display:none;}

.caption-image-left {width:282px !important; bottom:-38px !important; margin-left:20px !important;}
.caption-image-left img {width:282px !important;}
.caption-text-right {width:255px !important; top:-100px !important; margin-left:200px !important;}
.caption-text-right h4, .caption-text-right p {display:none;}

.caption-image-right {width:342px !important; margin-left:111px !important; top:-24px !important;}
.caption-image-right img {width:342px !important;}
.caption-text-left {width:255px !important; top:90px !important; margin-left:20px !important; z-index:200;}
.caption-text-left h4, .caption-text-left p {display:none;}

.caption-image-center {width:444px !important; bottom:-18px !important; margin-left:8px !important;}
.caption-image-center img {width:444px !important;}
.caption-text-center {width:370px !important; margin-top:30px; margin-left:52px !important;}

.caption-text2 {width:260px !important; padding:4px 14px 6px 14px !important; bottom: -178px !important;}

.caption-text-center2 {width:416px !important; margin-top:68px !important; margin-left:31px !important;}
.caption-text-center2a {width:416px !important; bottom: 12px !important; margin-left:31px !important;}

.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;}
.block-grid.three-up > li {margin-bottom:-20px;}
.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%;}

#error404-left {margin:25px 0px 0px 0px; padding-left:24px;}
#error404-right {width :90%; margin:10px auto 35px auto; padding-left:0px;}

.share-social {width:34.1% !important; margin:-30px -1px -4px 0px !important;}
#comment ol li ol {margin-left:0px;}
.thumbs div {width:65px; height:65px;}
.no-tag {display:none !important;}
#map {height:270px;}
}

/* Mobile Portrait ----------- */
@media only screen and (max-width: 479px) {
.row {padding: 0 5px;}
.row .row {padding: 0px;}
.row .mobile-two {width:100% !important;}
.row .mobile-five {width:100% !important;}

.smallmargin-bottom3 {margin-bottom:-5px;}
h1 {line-height:32px;}

#logo {
    left:-5%;
/*    left:23.5%;*/
    width: 20%;
}
    
#logo img {
    height: auto;
}
    
.top-search {
/* display: none; */
/*
    margin-top: -15px;
    left: 15px;
*/
    top: 0px;
    left: 15px;
    margin-top: 5px;
}

.tinynav {
width:67%;
font-family:'Raleway', Helvetica, Arial;
font-size:12px;
text-transform:uppercase;
padding:10px;
margin-right: 13.5%;
-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 {width:100%; margin:15px 7px 0px 0px; float:right;}
#menu {display:none;}
#slideshow-container {width:100%; height:170px !important; padding:0px 0px; float:left;}
/*#slideshow-container {width:100%; height:170px !important; padding:0px 25px; float:left;}*/
#camera-slide, .pf-slide, .blog-slide, article iframe {height:170px !important;}
aside:before {width:120.2%;}

.promo-text, .promo-button {text-align:center !important; float:none;}
ul.pricing-payment li {width:48%; text-align:center;}

ul.featured li {width:100%; margin-right:35px; margin-bottom:15px; float:left;}
ul.featured li:last-child {margin-bottom:25px;}

footer .left-footer {width:100%; float:left;}
footer .right-footer {display:none;}

.nbs-flexisel-ul {margin:0px -6px 0px -6px !important;}
.nbs-flexisel-item .teaser {width:273px !important;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {margin-top:-160px;}
.mobile-five .teaser {width: 97%;}
ul.client-box li {width:48%;}
ul.client-box li:first-child {margin-left:0px;}

.caption-text {width:164px !important; height:38px !important; padding:4px 10px !important; bottom: -67px !important;}
.caption-text h1, .caption-text h2, .caption-text h3, .caption-text h4, .caption-text h5, .caption-text h6,
.caption-text-center h2, .caption-text-right h2, .caption-text-left h2, .caption-text2 h5 {font-size:18px !important;}
.caption-text-center2 h1 {font-size:20px !important;}
.caption-text p, .caption-text a, .caption-text2 p {display:none;}

.caption-image-left {width:262px !important; bottom:-38px !important; margin-left:7px !important;}
.caption-image-left img {width:262px !important;}
.caption-text-right {width:209px !important; top:-38px !important; margin-left:0px !important;}
.caption-text-right h4, .caption-text-right p {display:none;}

.caption-image-right {width:262px !important; margin-left:-6px !important; top:-10px !important;}
.caption-image-right img {width:262px !important;}
.caption-text-left {width:209px !important; top:138px !important; margin-left:63px !important; z-index:200;}
.caption-text-left h4, .caption-text-left p {display:none;}

.caption-image-center {width:264px !important; bottom:-13px !important; margin-left:-2px !important;}
.caption-image-center img {width:264px !important;}
.caption-text-center {width:232px !important; margin-top:22px !important; margin-left:18px !important; text-align:center !important;}

.caption-text2 {width:225px !important; padding:2px 10px 4px 10px !important; bottom: -136px !important;}

.caption-text-center2 {width:237px !important; margin-top:64px !important; margin-left:16px !important;}
.caption-text-center2a {display:none !important;}

.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:43% !important;}
.tab_container-left ul.icons-list-flaticon li i {left:20%;}

#error404-left {margin:15px 0px 0px 0px; padding-left:0px;}
#error404-left h1 {font-size:44px; margin-bottom:20px;}
#error404-left i {font-size:44px;}
#error404-left p.lead {font-size:16px; line-height:24px;}
#error404-left br {display:none;}
#error404-right {width :100%; margin:10px auto 35px auto; padding-left:0px;}

article h4 {width:82% !important; word-wrap: break-word;}
.post-info ul {width:50%; margin:5px 0px 0px 12px;}
.share-social {width:50% !important; margin:-30px -1px -4px 0px !important;}
.share-social ul.social-list {margin-left:-3px;}
#comment ol li ol {margin-left:0px;}
.comment-text {margin-left:0px;}
.avatar {width:45px; height:45px; position:relative; margin-bottom:-20px; left:-15px;}
.avatar img {width:45px; height:45px;}
.thumbs div {width:67px; height:67px;}
.no-tag, .no-tag2, .no-display {display:none !important;}
#map {height:270px;}

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;}
}