/*

[Responsive Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.0
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks

*/

@media screen and (max-width:1199px){
.header--navbar:before{width:940px}}

@media screen and (min-width:992px){
.row--vc-md>div{float:none;display:table-cell;vertical-align:middle}
}
@media screen and (max-width:991px){
.float--md-none{float:none!important}
.portfolio--filter-menu .nav>li:after,.pricing--nav .nav>li>a:after,.pricing--table .table thead,.tab-nav--widget .nav>li>a:after{display:none}
.comment--items .comment--items{margin-left:0;margin-right:0}
.header--navbar:before{width:720px}
.header--navbar>.container{position:relative}
.header--nav-links>li,.header--navbar .navbar-header{float:none}
.header--cart-btn{float:none;position:absolute;top:1px;right:85px;margin-left:0}
.header--navbar .navbar-toggle,.pricing--table .table tbody tr{display:block}
.header--navbar .navbar-collapse{float:none;display:none!important;position:absolute;left:15px;right:15px;max-height:320px;box-shadow:0 3px 8px rgba(0,0,0,.085);overflow:auto!important}.header--navbar .navbar-collapse.collapsing,.header--navbar .navbar-collapse.in{display:block!important}
.header--nav-links{margin-top:12px;margin-left:0;margin-right:0;color:#222;background-color:#fff}
.header--nav-links>li>a{display:block;padding-left:20px;padding-right:20px}
.header--nav-links>.dropdown>.dropdown-menu{float:none;position:relative;margin-top:0;padding:0;box-shadow:none}
.header--nav-links>.dropdown>.dropdown-menu a{padding-left:30px;padding-right:30px}
.dropdown-menu .dropdown-menu{float:none;position:relative;top:0;left:0;margin-left:0;padding:0;box-shadow:none}
.dropdown-menu .dropdown-toggle:before{content:"\f107"}
.header--nav-links>.dropdown>.dropdown-menu .dropdown-menu>li>a{padding-left:40px;padding-right:40px}
.pricing--table:before{border-width:0}
.pricing--table .table tbody tr+tr{margin-top:30px}
.pricing--table .table tbody tr td,.pricing--table .table tbody tr th{display:block;padding-left:140px;text-align:right}
.pricing--table.text-center .table tbody tr td,.pricing--table.text-center .table tbody tr th{text-align:right}
.pricing--table .table tbody tr td:before,.pricing--table .table tbody tr th:before{border-width:1px 1px 0;opacity:.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"}
.pricing--table .table tbody tr td:last-child:before,.pricing--table .table tbody tr th:last-child:before{border-bottom-width:1px}
.pricing--table .table tbody tr td:after,.pricing--table .table tbody tr th:after{content:attr(data-label);position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:600;text-transform:uppercase}
.affiliate--info-item:after,.product--details-nav .nav>li>a:after{display:none}
.coming--soon--section.bg--overlay:before{width:70%}
}

@media screen and (max-width:767px){
.header--navbar:before{width:auto}
.header--navbar .navbar-toggle{margin-right:15px}
.header--nav-links>li{float:none}
.banner--content .title .h1{font-size:40px;line-height:50px}
.vps--pricing-slider-wrapper{padding-left:50px;padding-right:50px}
.cart--items>form>.table thead,.vps--pricing-slider-wrapper .ui-slider-next,.vps--pricing-slider-wrapper .ui-slider-prev{display:none}
.cart--items>form>.table tbody tr{display:block}
.cart--items>form>.table tbody tr+tr{margin-top:30px}
.cart--items>form>.table tbody tr td,.cart--items>form>.table tbody tr th{display:block;padding:10px 20px 10px 140px;text-align:right}
.cart--items>form>.table tbody tr td:before{top:0;bottom:0}
.cart--items>form>.table tbody tr td:after{content:attr(data-label);position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#393939;font-weight:600}
.coming--soon--section.bg--overlay:before{width:100%}
.company-logo{ height:100px;}
}

@media screen and (max-width:600px){
.col-xxs-12{float:none;width:100%;margin-left:0;margin-right:0}
.banner--content .title .h1{font-size:30px;line-height:45px}
.domain-search--form .input-group{display:block}
.domain-search--form .input-group .form-control{float:none}
.domain-search--form .input-group-addon{display:block;width:100%}
.domain-search--form .input-group-addon .btn-default{display:inline-block;width:50%}
.domain-search--form .input-group select{min-width:0}
.coupon--code.float--left{float:none;max-width:none}
.cart--update-btn.float--right{float:none;margin-top:30px;text-align:center}
.company-logo{ height:80px;}
}

@media screen and (max-width:480px){
.col-xss-5{width:41.66666667%}
.col-xss-7{width:58.33333333%}
.col-xss-12{float:none;width:100%;margin-left:0;margin-right:0}
.section--title .h1{font-size:30px}
.banner--content .title .h1{font-size:28px;line-height:38px;word-break:break-all}
.testimonial--item .content{padding-left:30px;padding-right:30px}
.post--author .img{float:none;margin-bottom:18px}
.company-logo{ height:50px;}
}