/* [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){
    .header--nav-links li a{
        padding:0px !important;
        margin:0px !important;
    }
    .frnt-img{ width:100%; height:100%;}
    .float-english,.float-arabic,.float--right{float: none !important;}
    .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:335px;
        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;
        padding-left: 20px;
    }
    .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:58px;
        line-height:68px
    }
    .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%
    }
    .faq--item .panel-heading a{padding:10px 15px 0px 1px;font-size:12px;}

    .faq--item .panel-heading a span {font-size: 13px; line-height: 1.2; width: 80%; direction: rtl;}

}   
@media screen and (max-width:600px){
    .col-xxs-12{
        float:none;
        width:100%;
        margin-left:0;
        margin-right:0
    }
    .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
    }
}
@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:48px;
        line-height:58px;
        /*        word-break:break-all*/
    }
    .testimonial--item .content{
        padding-left:30px;
        padding-right:30px
    }
    .post--author .img{
        float:none;
        margin-bottom:18px
    }
}