﻿/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

body {background:#FFF!important;background:none; min-width:100% !important; overflow-x:hidden; }	
 
.Clearfix {display: inline-block;}
/*--------------------------------------*/
/*COLUMNS*/
/*--------------------------------------*/
.container {  width: auto}
.one-half {   width: 400px }
.one-third {   width: 400px }
.two-third {   width: 400px }
.one-fourth {   width: 400px }
.three-fourth {   width: 380px; margin-top:20px;}
/*--------------------------------------*/
/*PRICING TABLE*/
/*--------------------------------------*/
.pricing-box-list-box .one-fourth {
   width: 400px!important;
   margin: 0 0 30px 0!important;
   box-shadow: none;
   -moz-box-shadow: none;
   webkit-box-shadow: none;
}
.one-fourth .pricing-table-list-box-content ul li {
   margin: 0 0 0 -25px;
   padding: 7px 0 7px 55px;
   list-style-type: none;
   text-align: left;
   width: 345px!important;
}

/*--------------------------------------*/
/*BLOG*/
/*--------------------------------------*/
.entry-meta {
   color: #878787;
   float: left!important;
   margin: 10px 0px 0 0!important;
   text-align: left!important;
   width: 400px!important;
}
 .entry-meta ul {   margin: 0 }
 .entry-meta li {
    list-style: none!important;
    margin: 0 10px 0 0!important;
    float: left!important;
 }
.entry-body {
   float: left;
   margin: 10px 0 0 0;
   width: 400px!important;
}
.post-date {
   width: 400px!important;
   height: auto;
   float: left;
   text-align: center;
   margin-top: -20px;
   margin-bottom: 15px!important;
   display: block;
   background: #aad5e3;
   text-shadow: none;
   border-radius: 0!important;
   -moz-border-radius: 0!important;
   -webkit-border-radius: !important;
   padding: 5px 0px!important;
   -moz-box-shadow: none!important;
   -webkit-box-shadow: none!important;
   box-shadow: none!important;
   border: none!important;
}
img.intro-img {
   margin-left: -20px!important;
   max-width: 440px!important;
   max-height: 100%;
   margin-bottom: 30px;
   border-bottom: 1pt solid #d8d5cd;
}
/*--------------------------------------*/
/*BODY CSS (footer, container, navigation, copyrights ...)*/
/*--------------------------------------*/

#footer {
   width: 440px;
   padding: 0px 0px 0;
   margin-left: 0px;
   height: auto;
   float: left;
   
}
#copyrights{
	width: 100%;
   padding: 3px 0px 8px 0px;
   margin-left: 0px;
   background: #333e47;
   float:none;font-size:12px; color:#ffffff; position:relative; border:solid 0px #900;
}
#header {      background-color: hsla(0, 0%, 0%, 0) !important;
    float: none !important;
    height: auto;
    margin: 0 auto !important;
    width: 90% !important;}
.center-page {
   height: auto;
   width: 440px;
   margin: 0 auto;
   padding: 0px;
}
.page {
   float: none;
   height: auto;
     background: #FFF;
   padding: 0 0px;
   text-align: left;
   margin: 0 auto; border:solid 0px;
}
#call-to-action-panel {
   height: auto;
   padding: 45px 0px 25px 0px;
   width: 440px;
   float: left;
   margin-left: 0px;
   background: #f0ede4;
   border-top: 1pt solid #d8d5cd;
   text-align: center;
}
#pre-header {
   background: #aad5e3;
   float: left;
   width: 400px;
   padding: 0 20px;
   margin-left: -20px;
   border-bottom: 1pt solid #d8d5cd;
   height:100px;
   margin-bottom: 10px;
}
ul#projects-carousel li {   width: 172px }
 ul#projects-carousel li .item-content {   width: 172px }
.flex-caption h2 {
   color: #aad5e3;
   font-size: 23px;
   text-shadow: none;
}
.view-portfolio-button {
   padding: 10px 20px;
   font-size: 12px;
}
#footer-form input[type="text"],
#footer-form input[type="password"],
#footer-form input[type="email"],
#footer-form textarea,
#footer-form select {   width: 152px }
#call-to-action-panel h1 {
   font-size: 28px;
   line-height: 28px;
}
#responsive-main-nav-menu {
   display: block !important;
   width: 100% !important;
   float: none;
   height: auto;
   margin-top: 0px;
}
#logo-wrapper h1{margin-top:0px;}
#navigation-wrapper #main-navigation ul {   display: none }
#logo-wrapper {  clear: both;
    display: block;
    float: none !important;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
section#header{border-radius:0px !important;}
.header_left {
    clear: both !important;
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    width: 94% !important;
}
#navigation-wrapper {
  float: none; width:100% !important;
}
#social-icons ul {   display: none }
#responsive-social-menu {
   display: block;
   width: 50%;
   float: right;
   height: auto;
   margin-top: 12px;
   padding: 5px;
}
ul#pre-header-links li a {
   color: #FFF;
   padding: 10px 0px 15px 0px;
   font-size: 11px;
}
ul#projects-carousel li {   width: 190px }
 ul#projects-carousel li .item-content {   width: 190px }
.flex-caption {   display: none }
#call-to-action-panel .button-align-right {
   width: 170px;
   margin-left: 30%;
   float: left;
}
#footer-form input[type="text"],
#footer-form input[type="password"],
#footer-form input[type="email"],
#footer-form textarea,
#footer-form select {   width: 380px }
#footer .one-half,
#footer  .one-third,
#footer  .two-third,
#footer .one-fourth,
#footer  .three-fourth {
   border-bottom: 0pt solid #181818;
   border-top: 0pt solid #333;
   margin-bottom: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
}
#footer .one-fourth.last {   border-bottom: none!important }
#footer .one-fourth.first {
   border-top: none!important;
   padding-top: 0px;
}
#copyrights p,
#copyrights span {
   font-size: 12px;
   text-align: center;
}
#copyrights .right {   float: none }
/*--------------------------------------*/
/*PORTFOLIO*/
/*--------------------------------------*/

#filterable {
   display: inline;
   float: left;
   margin-bottom: 20px;
   margin-right: 0px;
}
 #filterable li {
    float: left;
    margin-left: 15px;
 }
 .portfolio-container {
   width: 420px;
   margin-right: -20px;
   float: left;
}
ul#portfolio-items-one-fourth {
   overflow: hidden;
   position: relative;
   list-style: none;
   margin: 0;
   padding: 0px 0 0 0;
}
 ul#portfolio-items-one-fourth li {
    width: 190px;
    min-height: 245px;
 }
  ul#portfolio-items-one-fourth li .portfolio-item {
     float: left;
     background: #f8f9f9;
     width: 190px;
     height: auto;
     padding: 0;
  }
  ul#portfolio-items-one-fourth li  .item-content {
     background: #615951;
     float: left;
     width: 190px;
     text-align: center;
     padding: 0px 0 15px 0;
     height: auto;
  }
#portfolio-items-one-fourth .description {   padding-top: 15px }
ul#portfolio-items-one-fourth li .item-content:hover {   background: #aad5e3 }
ul#portfolio-items-one-fourth li .item-content p {
   margin: 0;
   padding: 0;
   font-weight: 800;
   color: #FFF;
}
 ul#portfolio-items-one-fourth li .item-content p a {
    margin: 0;
    padding: 0;
    font-weight: 800;
    color: #FFF;
 }
ul#portfolio-items-one-fourth li  .item-content span {
   font-style: italic;
   color: #FFF;
}
ul#portfolio-items-one-fourth li   img {
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
}
ul#portfolio-items-one-third {
   overflow: hidden;
   position: relative;
   list-style: none;
   margin: 0 !important;
   padding: 0px 0 0 0;
}
 ul#portfolio-items-one-third li {
    width: 190px;
    min-height: 210px!important;
    margin: 0 20px 20px 0!important;
 }
  ul#portfolio-items-one-third li .portfolio-item {
     float: left;
     background: #f8f9f9;
     width: 190px;
     height: auto;
     padding: 0!important;
  }
  ul#portfolio-items-one-third li .item-content {
     background: #615951;
     float: left;
     width: 190px;
     text-align: center;
     padding: 0px 0 15px 0;
     height: auto;
  }
#portfolio-items-one-third  .description {   padding-top: 15px }
ul#portfolio-items-one-third li .item-content:hover {   background: #aad5e3 }
ul#portfolio-items-one-third li .item-content p {
   margin: 0;
   padding: 0;
   font-weight: 800;
   color: #FFF;
}
 ul#portfolio-items-one-third li .item-content p a {
    margin: 0;
    padding: 0;
    font-weight: 800;
    color: #FFF;
 }
ul#portfolio-items-one-third li .item-content span {
   font-style: italic;
   color: #FFF;
}
ul#portfolio-items-one-third li  img {
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
}
.portfolio-items {
   width: 420px;
   margin: 0;
}
.portfolio-items:after {
   content: "";
   display: block;
   height: 0;
   overflow: hidden;
   clear: both;
}
.portfolio-items-not-filterable li {
   width: 190px;
   margin: 0 20px 20px 0!important;
   float: left;
   min-height: 210px!important;
   overflow: hidden;
}
.portfolio-items-not-filterable {
   width: 420px;
   margin: 0;
}
.portfolio-items-not-filterable:after {
   content: "";
   display: block;
   height: 0;
   overflow: hidden;
   clear: both;
}
.portfolio-items-not-filterable li {
   width: 190px!important;
   margin: 0 20px 0px 0!important;
   float: left;
   height: 220px!important;
   overflow: hidden;
}
.project-pagination {
   margin-left: 25%;
   float: left;
   text-align: center;
}
 .project-pagination a {
    font-family: "Georgia",Arial,Verdana;
    font-size: 14px;
    color: #d7d7d7;
    font-style: italic;
    margin: 0px 0px 0 0;
 }
#filterable {
   display: inline;
   float: left;
   margin-bottom: 20px;
   margin-right: 0px;
}
 #filterable li {
    float: left;
    margin-left: 15px;
 }
 /*--------------------------------------*/
/*OTHER FEATURES (google maps, intro inner page, contact forms...)*/
/*--------------------------------------*/
.button-holder-2 {
   float: none!important;
   margin: 0 auto 20px auto!important;
   width: 150px;
}
.inner-page-intro h2 {   text-align: center }


#contact-map {
   margin: 0px 0 30px -20px;
   position: relative;
   width: 440px;
}
#contact-form .error {   margin: 15px 0 0 0 }
#contact-form form {   margin-bottom: 0px }
#contact-form  fieldset {   margin-bottom: 0px }
#contact-form  label,
#contact-form  legend,
#contact-form  strong,
#contact-form  span {
   font-weight: bold;
   font-size: 13px;
   color: #898989;
}
#contact-form input[type="checkbox"] {   display: inline }
#contact-form label span,
#contact-form legend span {
   font-weight: normal;
   font-size: 13px;
   color: #444;
   line-height: 34px;
}
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form  input[type="email"],
#contact-form textarea,
#contact-form select {
   border: 1px solid #dddddd;
   padding: 5px 10px;
   outline: none;
   overflow: hidden;
   font: 12px "Helvetica", Arial, sans-serif;
   color: #777;
   box-shadow: inset 0px 2px 4px #f3f3f3;
   -moz-box-shadow: inset 0px 2px 4px #f3f3f3;
   -webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
   width: 380px;
   max-width: 100%;
   display: block;
   margin-bottom: 0px;
   background: #FFF;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
#contact-form select {   padding: 0 }
#contact-form  textarea {
   width: 380px;
   height: 200px;
   resize: vertical;
   margin-bottom: 10px;
}
#contact-form input[type="text"]:focus,
#contact-form input[type="password"]:focus,
#contact-form  input[type="email"]:focus,
#contact-form  textarea:focus {
   border: 1px solid #bbbbbb;
   color: #555;
   box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
   -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
   -webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
}

.inner-page-intro h2 {
   font-size: 21px;
   line-height: 24px;
}
.inner-page-intro h1 {
   font-size: 24px;
   line-height: 20px;
   text-align: center;
}
.not-found-text {
   text-align: center;
   font-size: 64px;
}
ul.center-list li a {
   text-align: center;
   padding: 5px 2px;
}

.flexslider.loading {min-height: 200px}


.topheadersearch{ width:400px;margin-top:15px; clear:both; border:solid 0px;}
.topheadersearch #s{border-radius:20px!important;
	background: #FFF url("../images/search-bg.png")  right no-repeat;
     width: 96%;
   padding: 8px 5px;
   color: #acacac;
   border: solid 1px #cccccc!important;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none; }

.homefeatures{ float:left; width:100%; clear:both;}
.homefeatures .one-half { width:47%; border:solid 0px; margin:5px 6px;}
.homefeatures .one-half .last { clear:none!important}
.homefeatures .one-half img { margin-top:15px;}
.homefeatures .one-half h3{text-transform:uppercase; color:#FFF; font-size:19px; margin-bottom:0px; clear:both;}
.homefeatures .one-half p{ color:#FFF; font-size:15px; margin-top:0px; padding-top:0px;}
.homefeatures .container{ width:440px; border:solid 0px; padding-top:20px;}

.homesolutions .col1{ width:100%; float:left; border:solid 0px; margin:10px 0px}
.homesolutions .col1 h3{ border-top: solid 1px #9edaa7;border-bottom: solid 1px #9edaa7;margin-top:5px; padding:25px 0px;}
.homesolutions .col1 p{ line-height:25px; text-align:justify; font-size:15px; color:#FFF;}
.homesolutions .col1 p a{border: 1px solid rgba(0, 0, 0, 0.18); clear:both; padding:5px 10px; color:#FFF;display:block; width:150px; text-align:center; margin-top:20px;}
.homesolutions .container{ width:440px; border:solid 0px; padding-top:20px;}


.homesolutions .col2{ width:100%; float:left; border:solid 0px; margin:20px 0px; clear:both;}
.homesolutions .col2 .boxes{ width:49%; float:left; border:solid 0px; margin:0px .5px; background:#f1f1f1; height:240px;box-shadow: inset  0 0 10px 10px rgba(0, 0, 0, 0.10); border-radius:3px;transition: all 0.3s ease-out 0s; text-align:center;}
.homesolutions .col2 .boxes .imgbox{height:150px; padding-top:50px;}
.homesolutions .col2 .boxes h3{ font-size:20px; margin:0px; padding:0px; color:#035f8d;padding-top:3px;}

.footergreybottom{ float:left; width:100%;background:#404d59;}
.footergreybottom .container{ width:440px; border:solid 0px #FFF;}

.footergreybottom .widget-1{ float:left; border:solid 0px; width:100%;margin:0px auto; padding:0px; background:#303a43; min-height:300px;}
.footergreybottom .widget-2{ float:left; border:solid 0px; width:100%;margin:0px auto; padding:0px; background:#333e47; min-height:360px;clear:both;}
.footergreybottom .widget-3{ float:left; border:solid 0px; width:100%;margin:0px auto; padding:0px; background:#36424c; min-height:380px; clear:both;}
.footergreybottom h4{ font-size:20px!important; color:#fff!important; text-transform:uppercase; margin:0px; padding:10px; }

.awardsbox{ float:left;border:solid 0px; margin:0px 2px;}
.awardsbox .award{ float:left; width:110px; height:96px; text-align:center;border: 1px solid rgba(255, 255, 255, 0.5);opacity: 0.3; margin:9px;}
.awardsbox .award img{width:110px; height:96px;}

.homecontactbox{ float:left;border:solid 0px; margin:0px 10px; width:94%;}
.homecontactbox p{ margin-top:0px; padding:15px 0px;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size:13px; color:#FFF; line-height:10px; margin-bottom:0px;}
.homecontactbox p a{ font-size:13px;}


.footertabsbox .tabs{ border:solid 0px; width:100%; float:left;height:auto!important;}
.footertabsbox .tabs li{border:0px!important; border-radius:0px!important; margin:0px!important; padding:0px!important;color: #898989; height:auto!important;display: block;}
.footertabsbox .tabs li a{border: 0px solid #333333!important; border-radius:0px!important;color: #898989; margin:0px!important; padding:14px 39px!important;display: block;font-size:19px!important; color:#fff!important; text-transform:uppercase; font-weight:normal;font-family: 'Dosis',sans-serif;transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; background:#303a43;}


.footertabsbox .tab_container{ clear:both!important; width:100%; border-radius:0px; background:none!important; border:0px !important;}
.footertabsbox .tab_container .tab_content{ padding:10px;}
.footertabsbox .tab_container .tab_content iframe{ height:280px;}

.footertabsbox .newslisting { width:90%; border:solid 0px; padding:5px 10px; font-size:13px; text-align:justify; color:#b9bdc1; line-height:16px; margin:4px 0px;}

a.newsarchivelink{width:98%;background:url(../images/newsarchive-icon.gif) center top no-repeat;height:38px;display:block;float:left;clear:both;margin-top:8px;}
a.blogarchivelink{width:98%;background:url(../images/blogarchive-icon.gif) center top no-repeat;height:38px;display:block;float:left;clear:both;margin-top:8px;}

.footersocialinks{height:100px;padding-top:8px;}
.footersocialinks .container{ width:440px; border:solid 0px;}
.copybg{ width:480px;}
.footersocialinks ul#social-links {right:50%; top:50px; margin-right:-120px;}

.seal-payments{ float:left; margin-top:8px; overflow:hidden;}

#copyrights .container{ width:440px; border:solid 0px #0C0;}

.footerlinks{ text-align:center; width:440px;}
.themecrated{ clear:both; float:left; text-align:center; width:440px;}

.tell-us-about { display:none;}

.breadcrumb{ border:solid 0px; position:relative; width:380px; border:solid 0px; margin-top:-5px; float:left; clear:both; z-index:999}
.breadcrumb a{ color:#91ca00; font-size:13px;}
.breadcrumb a:hover{ color: #333; text-decoration:none}
#crumbs{ float:left; width:100%;border:solid 0px; margin-top:0px;}
img.bcsepicon{ border:0px!important; padding:0px 2px!important; vertical-align:middle;}
img.bchomeicon{ border:0px!important; padding:0px 2px!important; vertical-align:middlel; margin-top:-1px;}
#crumbs a{ color:#0055dd}

.innperpagefullwrapper{float:left; width:100%; clear:both;background:url(../images/innerpagebg.gif) left -30px repeat-x}
.innperpagewrapper{margin:0 auto; width:440px; height:80px; clear:both; border:solid 0px;}
.pagewrapper{float:left; width:100%; clear:both;background:#eeeeee;}

.withnosidebar{border:solid 0px; width:380px; clear:both; margin-top:10px; display:inline-block}

img.innerintro-img {position:absolute; right:10px; top:-2px; z-index:99; width:54px}
h1.innerpage{border:solid 0px #000; height:70px; margin-bottom:0px; padding-bottom:0px; font-size:34px!important; color:#4D4D4D; font-weight:bold!important; position:relative; padding-top:6px;}

.innerpagedesign{border:solid 0px; clear:both; background:#FFF; margin-top:-15px;box-shadow: 0px 0px 6px #868686; padding:20px 30px; width:380px}
.innerpagedesign p{ font-size:14px; color:#4b4b4b; line-height:22px; text-align:justify;}
.featuredimage img{ width:380px; height:80px;}

h3.priceplanhr{ font-weight:bold; text-transform:uppercase; font-size:34px; color:#363636}
h3.priceplanhr span{ font-weight:normal; text-transform:none!important; font-size:22px; color:#363636}

.featuresbox{ float:left; width:44%; border:solid 0px; margin:10px 10px; text-align:center;}
.featuresbox .icon{ border:solid 0px;text-align:center}
.featuresbox .icon img{ width:150px; height:170px;}
.featuresbox h2{ font-size:16px; color:#434343; font-weight:700; margin:5px 0px; padding:0px;}
.featuresbox h2 span{ font-size:16px; color:#007fbf}
.featuresbox p{ font-size:15px; text-align:center; line-height:24px;font-family: 'Dosis',sans-serif; letter-spacing:.8px; color:#393939; margin-top:0px; padding-top:5px;}

.optionalbox{ background-color: #f4f4f4;border: 1px solid #FFFFFF;border-radius:8px;box-shadow: 0 0 5px #A8A8A8 inset;float: left; width:99%;margin:10px 0px 40px;padding:0px 0px;}
.optionalbox .addmore_columns{ float:left; border:solid 0px; padding:10px 15px 10px 70px; width:76%; background:url(../images/attachment.png) 15px 20px no-repeat; color:#898989; font-family: 'Dosis',sans-serif; font-size:13px;}
.optionalbox .addmore_columns p{letter-spacing:.5px;font-size:14px; margin-bottom:0px; padding-bottom:0px;}
.optionalbox .addmore_columns ul {list-style:none!important; margin:0px!important; padding:0px!important;}
.optionalbox .addmore_columns ul li{letter-spacing:.5px;font-size:14px!important; list-style:none!important; width:48%; float:left; color:#727272!important; border:solid 0px;}
.optionalbox .addmore_columns p strong{ margin-bottom:8px; font-size:16px; display:inline-block;}

.optionalbox .support_contact{ float:left; border:solid 0px;padding:10px 15px 10px 70px; width:76%; background:url(../images/quote_phone.png) 5px 16px no-repeat; color:#898989; font-family: 'Dosis',sans-serif; clear:both;}
.optionalbox .support_contact p{letter-spacing:.5px;font-size:16px; margin-bottom:0px; padding-bottom:0px;}
.optionalbox .support_contact h3{ margin:5px; padding:0px; font-size:18px; color:#727272}

.pricing-column {width:100%!important;
  margin:20px 0px 25px 0px;
  background-color:#333333;
  -webkit-box-shadow:0 0 8px rgba(0,0,0,.25);
  -moz-box-shadow:0 0 8px rgba(0,0,0,.25);
  box-shadow:0 0 8px rgba(0,0,0,.25); border-radius:5px!important;
  float:left; border:solid 0px; clear:both;
}

.gk-price-table.col3 dl { width:100%!important;border:solid 0px!important; clear:both;}
.gk-price-table dd {font-size:14px;} 
.gk-price-table dl.extra {margin:0px!important;}
.gk-price-table dl + dl dd {border-left: 1px solid #e5e5e5!important;}
.alipad{ text-align:left; padding-left:20px!important;}
.lastpackage .alipad{ text-align:left; padding-left:20px!important;}

.hostingfeatures{ float:left; width:100%;border:solid 0px #d2d2d2; margin:10px auto;border-radius:5px;}
.hostingfeatures .optionsrow{float: left;width:50%; z-index: 9999; border:solid 0px; margin-bottom:10px;}
.hostingfeatures .headingrow{background: none repeat scroll 0 0 #f9f9f9; border-radius:5px 0px 0px 0px;border: 1px solid #d2d2d2;float: left;height: 67px;margin-top:0px;position: relative;width:100%;z-index: 9999;}
.hostingfeatures .headingrow .heading{color: #48555B; border:solid 0px;float: left;font-family: 'Droid Sans',sans-serif; font-weight:500!important;font-size:18px; color:#5f5f5f;
font-weight: 400;line-height: 21px; padding: 24px 0 0 16px;width:90%;}	
.hostingfeatures .headingrow .heading img{display: inline;float: left;margin: -9px 12px 0 0;vertical-align: middle;}		

.hostingfeatures .details {float: left; border:solid 1px #d2d2d2;padding:0px 0px 10px 15px;width:92.5%; border-top:0px;}
.hostingfeatures .details p { font-size:12px; line-height:20px; text-align:justify; padding-right:15px; margin-bottom:0px; padding-bottom:5px;}
.hostingfeatures .details ul { border:solid 0px; width:94%; list-style:none; margin:0px!important; padding:0px;}
.hostingfeatures .details li { font-size:11px; float:left; clear:both; border:solid 0px; margin:4px 0px; color:#5f5f5f; background:url(../images/bluetick.png) no-repeat 0px 5px; padding-left:15px;} 

.hostingfeatures .optionsrow.opt2 .headingrow{border-radius:0px 0px 0px 0px;}
.hostingfeatures .optionsrow.opt2.mobpadd .details {border-right:solid 1px #d2d2d2;}
.hostingfeatures .optionsrow.opt2.mobpadd .headingrow{border-radius:0px 5px 0px 0px;}
.hostingfeatures .optionsrow.opt2.mobpadd2 .details {border-right:solid 0px #d2d2d2;}
.hostingfeatures .optionsrow.opt2.mobpadd2 .headingrow{border-radius:5px 0px 0px 0px;}
.hostingfeatures .optionsrow.optlast .headingrow{border-radius:0px 5px 0px 0px}

.dedicatedhosting{ float:left; width:100%; border:solid 0px; margin:10px auto; }
.dedicatedhosting .hostingpackage{ float:left; width:100%; border:solid 1px #e8e8e8;border-radius:5px; margin:0px auto 20px;}
.dedicatedhosting .hostingpackage .shadowbox{float:left; width:100%; background:url(../images/boxshadow.png) center bottom no-repeat; height:5px; clear:both; margin-bottom:-15px;}
.dedicatedhosting .hostingpackage .detailspacakge{ float:left; width:260px; border:solid 0px; position:relative; min-height:240px; background:#ffffff }
.dedicatedhosting .hostingpackage .detailspacakge .planname{ position: absolute; left:-8px; top:4px; width:105px; height:29px; background:url(../images/planname-bggrey.png) no-repeat; font-size:13px; text-transform:uppercase; display:block; color:#414141l; font-weight:bold; text-align:center; padding-top:14px; letter-spacing:1px;text-shadow:0px 1px #fff;font-family: 'Droid Sans',sans-serif !important;}
.dedicatedhosting .hostingpackage .detailspacakge .servername{ float:left; width:58%; background:#f8f9fc; height:50px; font-size:16px; padding-left:110px; padding-top:4px; border-bottom:solid 1px #cad4d9; color:#48555b;}
.dedicatedhosting .hostingpackage .detailspacakge ul{ clear:both; width:96%; border:solid 0px; margin:6px 5px!important; list-style:none; display:inline-block}
.dedicatedhosting .hostingpackage .detailspacakge li{ border:solid 0px; width:40%; margin:5px 4px; float:left; font-size:12px; font-weight: normal; color:#515151; border-bottom:solid 1px #e6e6e6; padding-bottom:6px; background:url(../images/bread_arrow.png) no-repeat 2px 6px; padding-left:15px;font-family: 'Droid Sans',sans-serif !important;}
.dedicatedhosting .hostingpackage .pricebox{ float:left;border:solid 0px; width:120px; background:#ccc; height:200px; background:#888888; border-radius:0px 5px 5px 0px;box-shadow: inset 0px 2px 20px #5c5c5c; text-align:center; padding-top:50px;}
.dedicatedhosting .hostingpackage .pricebox h3{color:#3b3b3b;font-family: 'Droid Sans',sans-serif;font-size:24px;font-weight:bold;width: 100%; margin-bottom:0px;padding-bottom:0px;}
.dedicatedhosting .hostingpackage .pricebox h3 sup{color: #3b3b3b; font-size:17px; position:relative; top:-15px;}
.dedicatedhosting .hostingpackage .pricebox h3 sub{color: #FFFFFF;left: 3px;position: relative;text-shadow: 1px 1px 0 #22465B;top:0px; font-size:13px;}
.dedicatedhosting .hostingpackage .pricebox a.order_now_btn1{background: url(../images/orderbtn-greymob.png) no-repeat scroll left top transparent;float: left;height: 36px;margin:0px 0 0 9px;text-align: center;width: 100px; margin-top:15px; display:inline-block;}
.pricebox.popular a.order_now_btn1{background: url(../images/orderbtn-whitemob.png) no-repeat !important;}
.dedicatedhosting .hostingpackage .pricebox a.order_now_btn1:hover{	background-position: left bottom;}

.top_box .tab_sec{float:left;width:100%; border:solid 0px;}
.top_box .tab_sec .tab li{font-size:13px;padding:0 4px 0 0;}
.top_box .tab_sec .tab li a{padding:15px 5px 0 5px;}

.btm_box{border: 1px solid #d1d1d1;float: left;margin: -1px 0 0;padding:5px; width:97.6%; clear:both;}
.innertab_content{width:100%; border:solid 0px;}
.innertab_content .featured_tab{ float:left; width:44%; border:solid 0px; margin:5px 10px; margin-bottom:0px;}
.innertab_content .featured_tab h3{ font-size:16px; margin:0px; padding:0px; color:#505050;}
.innertab_content .featured_tab h3 img{ vertical-align:middle; margin-right:5px; width:20px; height:20px; margin-top:-5px;}
.innertab_content .featured_tab p{ font-size:12px; line-height:20px; color:#6c6c6c; text-align:justify; clear:both; margin-top:5px; padding-top:0px;}

.page-body.mobtab{border:solid 0px #000!important; width:380px!important;}
.affliate_box {border: 1px solid #DBDBDB;border-radius: 5px 5px 5px 5px;float: left;font-family: Arial,Helvetica,sans-serif;margin: 0 0 20px;width:100%;}
.affliate_boxinner { padding: 20px; width:88%; border:solid 0px;}
.affliate_boxinner .affiliate_signup {float: left;margin: 20px 0 0;width: 180px;}
.affliate_boxinner .example {background: url(../images/example_bg2.png) no-repeat scroll left top transparent;float: left;height: 83px;margin: -21px 0 0 -34px;   padding: 35px 0 0 35px;position: relative;width:370px; border:solid 0px;}
.affliate_boxinner .example p.text {color: #FFFFFF;font-size: 13px;font-weight: bold;line-height: 18px;margin: 0;padding: 0;text-shadow: 1px 1px 1px #434343;}
.affliate_boxinner .example p.text span {color: #2198d5;display: block;font-size: 26px;line-height: 34px;}
.affliate_boxinner .signup_today {float: left;height: 46px;margin: 15px 0 0 70px;position: relative;width: 178px; clear:both; border:solid 0px;}
.affliate_boxinner .pig-box {background: url(../images/affi-bg.png) no-repeat scroll left top transparent;height: 351px;margin: -62px 0 0 380px;position: absolute;
width: 236px; border:solid 0px; display:none;}
h2.headingmore{ font-size:22px; color:#007fbf}
p.text_small{ clear:both; font-size:13px; width:98%; border:solid 0px; margin:0px; padding:0px;}
ul.affiliate{ list-style:none; margin:10px 5px 15px 10px; padding:0px; clear:both; width:91%; border:solid 0px;}
ul.affiliate li{ list-style:none; font-size:13px; background:url(../images/bread_arrow.png) 0px 7px no-repeat; padding-left:20px;}
.one-fourth.mobtab{ display:none;}
.solupro li:hover .ca-sub {color:#fff;font-size:20px!important}

.plans.featured ul { float:left; width:100%; border:solid 0px; list-style:none; margin:0px; padding:0px; margin-bottom:10px;}
.plans.featured ul li {background: url(../images/divider.png) no-repeat scroll 2px 10px transparent;text-align: center;width:32%; border:solid 0px; float:left; margin:0px; padding:0px;margin-left: -2px;padding-left: 2px;}
.plans.featured ul li:first-child {background: none repeat scroll 0 0 transparent;margin-left: 0;padding-left: 0;}
.plans.featured ul li h4 {color: #666666;margin-bottom: 5px; font-family:Arial, Helvetica, sans-serif, "Century Gothic"; font-size:14px; line-height:16px;}
.plans.featured ul li h4 strong { font-size: 18px; font-weight: bold;}
.plans.featured ul li h5 {background:none;color: #858585;margin-bottom: 25px;padding-bottom:65px;position: relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; border:solid 0px; margin-top:0px; padding-top:30px;}
.plans.featured ul li h5 strong {display: inline-block;font-size: 90px;font-weight: normal;letter-spacing: -5px;vertical-align: top;width: 106px;}
.plans.featured ul li h5 em {font: 10px/20px arial;left:56px;position: absolute;text-transform: uppercase;bottom:0px; top:auto}
.plans.featured ul li.enticement {background:none;margin-top:-25px;padding-bottom:35px;padding-top:25px;width: 316px; clear:both; border:solid 0px; margin-left:30px;}
.plans.featured ul li.enticement h4 {padding-top: 1px;}
.plans.featured ul li.enticement h5 {background: url(../images/freebg.png) no-repeat scroll 17px 0 transparent;color: #FFFFFF;font: 14px/17px arial;margin-bottom: 0;padding: 13px 10px 27px 110px; text-align: left; margin-top:12px; border:solid 0px #000; margin-bottom:-24px;}
.plans.featured ul li.enticement h5 div{ border:solid 0px; margin-top:-13px; }
.plans.featured a.button { background:#808080;border-radius: 4px 4px 4px 4px;color: #FFFFFF;font-size: 15px;padding: 6px 10px;position: relative;text-decoration: none; border:solid 0px #000; text-align:center; margin-left:16px;}
.plans.featured a.button:hover {background:#3f3f3f}
.plans.featured a.button.contact {background:#ff8812;display:inline-block; margin-left:80px;}
.plans.featured a.button.contact:hover {background:#d75905}
span.cur{ position:relative; left:10px; font-size:22px!important;}
span.digit{ display:none;}

.sslplan{ float:left; width:100%; border:solid 0px; margin-bottom:30px;}
.sslplan .plans{ float:left; width:46.2%; margin:10px 6px; border:solid 1px #e0dfe3; border-top:0px; border-radius:5px; padding-bottom:20px;}
.sslplan .plans .heading{ color:#fff;font-size:18px;}
.sslplan .plans .price{font-size:28px!important;}
.sslplan .plans .price sup{font-size:22px!important; position: relative;top:-10px; font-weight:bold!important; margin-right:5px;}
.sslplan .plans .price sub{color: #FFFFFF; font-size:15px;left:10px;line-height: 47px; position: relative; top:0px; text-shadow:none}
.sslplan .plans ul{ width:80%; border:solid 0px; list-style:none; margin:0px; padding:5px 15px; background:#fff;}
.sslplan .plans ul li{font-size:12px!important; line-height:20px;}
.sslplan .plans .heading div:hover span {top:10px; right:-10px; left:auto}

.choosehosting.cpanels{ text-align:left;}
.choosehosting.cpanels a.current{ border-bottom:0px!important;}
.cpanel{ float:left; width:94%; border:solid 1px #dbdbdb; margin-top:-21px; background:#e8e8e8; margin-bottom:30px; border-radius:0px 6px 6px 6px; padding:20px; }
.cpanel .logos{ float:left; width:100%; text-align:center; border:solid 0px;}
.cpanel .logos img{ width:95%; margin:10px auto;}
.cpanel .plansbox { width:95%; margin:15px 9px; border:solid 1px #aaa; background:#FFF;border-radius:10px; float:left; text-align:center}
.cpanel .plansbox h3 { font-size:40px; font-weight:bold!important; color:#007fbf; margin:30px auto; padding:0px 0x; display:inline-block;border-bottom:solid 1px #aaaaaa; margin-bottom:0px; width:100%;}
.cpanel .plansbox h3 span { display:block; color:#e77509; font-size:20px; margin-top:20px;clear:both;}
.cpanel .plansbox h3 span.price { color:#000;; font-size:40px; font-family:Arial, Helvetica, sans-serif, "Century Gothic"; display:block; clear:both; margin-top:0px;}
.cpanel .plansbox h3 span.month { font-weight:normal; font-size:16px; clear:both!important; display:block; margin-top:-15px; color:#333; padding-bottom:15px;}
.cpanel .plansbox ul { border:solid 0px; width:100%; list-style:none; margin:10px auto!important; padding:0px!important;border-bottom:solid 1px #aaaaaa; padding-bottom:10px!important;}
.cpanel .plansbox ul li { border:solid 0px; list-style:none; background:url(../images/tick.png) no-repeat 20px 9px; font-size:14px; font-weight:bold;color:#161616; text-align:left; padding:5px 20px 5px 40px;}
.cpanel .plansbox .price{text-align:center; padding:10px 0px; margin-left:46px; padding-bottom:20px;}
.cpanel .plansbox .price a{ display:block; width:230px; height:44px; background:url(../images/cpanlbtn.png) center center no-repeat; text-decoration:none; color:#555; font-size:11px; padding-left:12px; padding-top:0px; border-radius:5px; border:solid 1px #CCC; text-align:left; font-weight:bold;}
.cpanel .plansbox .price a span{ color:#111; font-size:18px; display:inline-block;}

.ecomcols{ float:left; width:100%; border:solid 0px; margin-bottom:30px;}
.ecomcols h2{ color:#007ebf;}
.ecomcols .cols{ width:44%; border:solid 0px; margin:10px 10px; float:left; font-size:13px; text-align:justify; line-height:22px; color:#444; }
.ecomcols .cols img{ float:left; margin-right:10px; margin-bottom:10px}
.ecomcols .cols strong{ color:111; font-size:15px;}

.awardspage{ float:left; width:100%; margin:20px 0px; border:solid 0px; }
.awardspage .awardbox{ float:left; width:170px; padding:0px; margin:4px 10px; position:relative;}
.awardspage .awardbox .info{ position:absolute; left:-10px; top:55px;}

.awardspage .awardbox .award{ float:left; width:160px; border:solid 1px #e2e2e2; padding:5px; background:#FFF; padding-bottom:0px;}
.awardspage .awardbox .shadow{ float:left; width:160px; height:18px; background:url(../images/shadow.gif) right no-repeat;}
.awardspage .awardbox .award img{ width:160px; height:130px;}
.awardspage .awardbox h2{font-size:15px!important; margin-top:0px; padding-top:0px; color:#5f5f5f}

.clientpage{ float:left; width:100%; margin:0px 0px; }
.clientpage .client{ float:left; width:160px; padding:0px; margin:4px 15px;}

.reasons{ float:left; width:100%; border:solid 0px; margin:0px auto;}
.reasons img{ float:left; margin-right:15px; width:80px; height:90px; margin-top:20px;}

.contactuspage{ float:left; width:100%; border:solid 0px; margin:0px auto 20px; }
.contactuspage h3{ color:#026ca2}
.contactuspage p{ font-size:14px; padding:0px 30px 0px 0px;}
.contactuspage .formbox{ float:left; width:340px; border:solid 1px; background: #ecf8fa; border:solid 1px #e5f4f7; padding:20px; position:relative; height:490px;} 
.contactuspage .formbox h2{ font-size:24px; color:#111; margin:0px; padding:0px;}  
.contactuspage .formbox p{ font-size:14px;} 
.blueboxinner .one-third.contactbox{ width:100%; border:solid 0px #000!important; margin-bottom:0px;}
.blueboxinner .one-third.contactbox label{ color:#000!important; margin-top:5px; display:inline-block}
.blueboxinner .one-third.contactbox input{ width:60%!important;height:25px; float:right;}
.blueboxinner .one-third.contactbox textarea{ width:60%!important;float:right;}
.blueboxinner{ position: absolute; left:20px; top:270px;border:solid 0px; width:90%}
.contactuspage .contctdetails{ float:left; width:380px; border:solid 0px; margin-left:0px; clear:both; margin-top:10px;} 
.officebox{background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);width:180px; float:left;}
.officebox:nth-child(2){ float:right}
.officebox .adres{ padding:10px 10px 20px 15px;  font-size:13px; line-height:18px; border:solid 0px;}
.officebox .adres span{ color:#026ca2;}
.officebox img{ width:100%}
.supports{ float:left; width:99%; margin:10px 0px; border:solid 0px; clear:both; margin-top:20px;} 
.supports .supportbox{ float:left; width:100%; border-bottom:solid 1px #e5e5e5; padding-bottom:10px; margin-bottom:8px;}
.supports .supportbox h3{ color:#1c1c1c; font-size:17px; font-weight:bold; margin:0px; padding:0px;} 
.supports .supportbox .contet{ float:left; clear:both; font-size:13px; width:100%; margin:0px 0px; padding:0px 5px;} 
.supports .supportbox .contet span{ float:right; width:70%;} 

.three-fourth .entry-meta{ border:solid 0px; width:380px!important; margin-top:10px!important; clear:both!important}
.three-fourth .entry-body{ border:solid 0px; width:380px!important;}
.three-fourth .entry-meta .post-date{ width:380px!important; background: #007ebf;} 
.one-fourth.mob{ display:none;}

.sliderCon { display:none}
.togglestabs{ float:left; width:100%; border:solid 0px; margin-top:20px;}
#toggle-view li strong{ background:#ececec; display:inline-block;padding:8px 15px 8px 22px; width:91%!important;}
.websiteshow{ display:block}

/*hostmagnet*/

.bgpurple{ background-color:#552886; background-image:none !important; min-height:112px !important;}
.fnewsletter input[type="text"]{width:112px !important;}
.hrightimg{ display:none;}
#logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.homeheaderblock{    clear: both;
    display: block;
    float: none;
    width: auto;}

.banner_bg{
 float: none;
    height: 439px;
    margin: auto;
    position: relative;
    top: -396px;
    width:100%;
}
.ss_slider{ width:100%;}
.sslider_content .sslider_prices ul li{ width:30%;}
.sslider_content{ padding-top:6px !important; width:440px !important;}
.sslider_content h1{ font-size:28px !important ; padding-top:0px;}
.sslider_content h1 small{ font-size:21px !important;}
.sslider_content .sslider_features{ width:385px !important; margin-top:0px !important;}
.sslider_content .sslider_footers{ width:440px !important;   padding-top:18px !important;}
.sslider_content .sslider_prices, .sslider_content .sslider_orders{ clear:both; padding-top:9px !important;}
.sslider_content .sslider_features li { margin-right:0px !important;
    font-size: 11px !important;
    line-height: 20px !important;
    width: 126px !important;
}
.sslider_content .sslider_orders a span{ font-size:13px !important;}

.homesearchdomain {float: left;width:100%;}

.homesearchdomaintxtrea{ width:100%;}

.homefeatures .pagewraper{ width:440px;}
.Reservations, .hometabing{ width:100%;}
.shadetabs li{ width:217px;}
.shadetabs li a{ width:163px; font-size:12px;}
.Reservations ul{ border-right:none; height:152px;}

.tab_wraper{ width:440px;}
.tab_wraper h2{ font-size:23px;}
.tab_wraper h3{ font-size:16px; line-height:19px;}
.tabingbox{ margin:20px 0 0 91px}
.bottomsupport{ width:480px;}
.bboxcols{ clear:both; width:450px;}
.bboxcolcontner{ width:390px;}
.footerbgnavblock{ float: none; width:480px;}
.footerright{ width:480px; height:224px;}
.fnewsletter{ margin-left:0px !important; width:50%;}
.textwidget{ margin-left:10px;}
.live-support-actions{    display: inline-block; margin-left: 15px;  margin-top: 20px;}

.bottombg{ min-height:1080px; }
.footerleftcols2 {
    clear: both;
    display: block;
    width: 440px;
}

.header_right{ width:94% !important; margin:-8px auto !important; display:block !important;}
ul.ca-menu{ width:100%;}
.ca-menu li{ float:none; width:auto; margin-bottom:20px;}
.ca-content h3.ca-sub{ margin-left:31%;}

.banner_bg .container{ width:100%;}
.headerbanner-inner{ width:384px; height:270px;}
.domainregclr2{ width:380px;}
.inputbgtlk2{ width:212px;}
h3.priceplanhr{ font-size:21px;}
h3.priceplanhr span{ font-size:12px; line-height:16px;}
.domainboxbg input[type="text"]{ width:196px;} 
.lstmenu12{ margin-top:10px;}
	{ font-size:12px; margin:0px; }
.headerbanner-inner .domainprice{ width:370px; margin-left:20px; padding-top:39px;}

.domain-features-new{ width:460px;}
.faqs{ width:404px;}
.toggle-box{ width:345px;}
.faqs h2{ font-size:16px;}
.vpsbg01{ display:none;}
#sub_content .table_two{ margin-left:80px !important;}
#sub_content .dedi_servers .dedi_sec { margin-left:56px;}
.plans{ width:380px;}

.bottomright {
    float: none;
    width: 480px;
}

.customersay{ width:100%;}
.customersay .container{ width:99%; padding-top:1%;}
.htag{ width:94%;}
.p_section{ width:98%;}
.testimonial_outer{ width:65%;}
.testimonial_item{ width:460px;}
.testi-bg p{ width:450px;}

.flex-direction-nav li a.next{ right:96% !important;}
dl.ecommplan2 dt{ width:378px; }



/*whmcs css*/
.navbar .navbar-inner{ width:480px; height:85px;}
.navbar .navbar-inner .container{ width:480px;}


.socialconnect{float:left !important; width:14%;}
.footerleftcols{width:42% !important; margin:20px !important; float:none !important; display:inline-block !important; padding-bottom:0px !important;}
.footerleftcols h4{font-size:18px !important;}
.footerleftcols2 {display: inline-block !important; float: none !important; padding: 0 20px; width: 90% !important;}
.footerleftcols{padding-bottom:0px !important;}
.lblognew { display: inline-block !important;float: none !important; margin-right:0 !important; width: 100% !important;}
.lblognewcontent {display: inline-block !important; float: left !important; margin-left: 10px !important; width: 80% !important;}
.copybg {clear: both;display: block !important; margin: auto !important; text-align: center !important;width: 100% !important;}
#copyrights .container {border: 0 solid hsl(120, 100%, 40%) !important;float: none !important;margin-left: 0 !important;text-align: center !important; width: auto !important;}
#text-9 > h4 {clear: both;margin-left: 20px;margin-top: 32px;}
.footerleftcols2 h4{font-size:18px !important;}
#main-navigation{display:none;}
.nav .nav-divider{display:none;}
.footerleft {display: block !important; float: none !important; width: 100% !important;}

.h1, .h2, .h3, h1, h2, h3{margin-top:0px !important}




}
