@charset "UTF-8";
/* IE10+ VIEWPORT FIX */
@-ms-viewport {width:device-width;}
@viewport {width:device-width;}

@media only screen and (min-width: 769px){
    .slicknav_menu{display: none;}
}
@media only screen and (max-width: 768px){
    .mainmenu{
        display: none;
    }
    
}


/*============================ desktop view =================================================*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {}

/*============================ small tablet view =================================================*/
@media only screen and (min-width: 641px) and (max-width: 768px) {}

/*============================ mobile wide screen view =================================================*/
@media only screen and (min-width: 569px) and (max-width: 640px) {
	
}

/*============================ mobile view =================================================*/
@media only screen and (min-width: 280px) and (max-width: 768px) {
    section{
        padding: 25px 0;
    }
    
    /*--- header ---*/
    header{height: 100%;}
    .topbar{
        height: auto;
        text-align: center;
        padding: 0;
        background: #FF5252;
        font-size: 16px;
    }
    .topbar .col-lg-4{
        margin: 10px 0;
    }
    .tbright{text-align: center;}
    .res{
        display: none;
    }
    
    .logo{display: none;}
    .mright{display: none;}
    
    .slicknav_nav ul .hide{
        display: block;
    }
    
    .megamenu {
        height: auto;
        padding: 0;
    }
    .megamenu h5{
        background: #FF5252;
        margin-left: 7px;
        margin-top: 10px;
    }
    .megamenu ul{
        margin-left: 10px;
    }
    
    /*--- home page ---*/
    .slider {
        margin-top: 30px;
    }
    .slider .sliderItem{
        height: 400px;
    }
    .sliderItem h2, .banner h2{
        font-size: 36px;
        margin-top: 110px;
    }
    .search-domain input[type="search"] {
        width: 100%;
        margin-bottom: 10px;
    }
    .search-domain ul li {
        display: block;
    }
    .HSfeature{height: 320px;}
    .HSfeature i{margin-top: 45px;}
    .featuredPrice{margin-bottom: 30px;}
    .heading{padding: 0;}
    .centerstyle{
        height: auto;
        position: unset;
    }
    .centerstyle:after{
        position: unset;
    }
    .subscribe input[type="submit"]{
        margin: 10px 0 50px;
    }
    .pplan{
        margin: 0;
        color: #000;
    }
    a.ra{
        background: #FF5252;
        border: 1px solid #FF5252;
    }
    a.ra:hover{
        background: #fff;
        color: #000;
        border: 1px solid #FF5252;
    }
    .footer{
        height: auto;
        padding-bottom: 0;
    }
    .footer-overlay{
        position: unset;
        width: 100%;
        padding: 20px;
    }
    .copyright{margin: 0;}
    
    /*--- 404 page ---*/
    .notfound h2{margin-top: 80px;}
    
    /*--- login/logout page ---*/
    .access{
        width: 100%;
        margin-top: 50px;
    }
    
    /*--- domain page ---*/
    .domainFeature{
        height: 330px;
    }
    
    /*--- hosting pages ---*/
    .banner{height: 400px;}
    .pricearea{padding-bottom: 30px;}
    .price{margin-bottom: 35px;}
    .pb{
        margin: 0;
    }
    .bgstyle2{
        position: unset;
        text-align: center;
    }
    .bgstyle2:after{
        display: none;
    }
    .promotion{
        border: 1px solid #f0f0f0;
        padding: 15px;
        margin-bottom: 25px;
    }
    .promotion img{
        float: none;
        margin: 0;
    }
    
    .bgstyle{
        margin-top: 0;
        height: auto;
        position: unset;
    }
    .bgstyle:after{display: none;}
    .bgstyle .white{
        color: #000;
        margin-top: 45px;
    }
    
    /*--- support pages ---*/
    .sidemenu{margin-bottom: 35px;}
    
    /*--- cart page ---*/
    .cartarea{overflow-x: auto;}
    .cartbtn .right{
        float: left;
        margin: 25px 0;
    }
    
    a.cntnue-shopping{
        width: 100%;
        margin: 50px 0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}