@media only screen and (max-width: 1199px){
    .menu_bar li a{color: #f6921e}
    .domain_listing li{padding: 0 30px}
    .btn_hosting_plan_box{padding: 10px 40px}
    .order_1{order: 1}
    .order_2{order: 2}
    .inner_banner_content h1, .inner_banner_content p{color: #fff !important;}
    .padding_left{padding-left: 50px}
}
@media only screen and (max-width: 991px) {
    .navbar-toggler-icon{background: url("../images/toogle_button.svg")}
    .navbar-toggler:focus, .navbar-toggler:hover{outline: none}
    .order_1{order: 1}
    .order_2{order: 2}
    .inner_banner_content h1, .inner_banner_content p{color: #fff !important;}
    .font_size_48{font-size: 36px}
    .line_height_54{line-height: 42px}
    .hero_banner_img{height: 587px}
    .hosting_plan_box{padding: 30px 10px}
    .hosting_plan_listing li{font-size: 12px; line-height: 24px}
    .btn_hosting_plan_box{padding: 10px 30px; font-size: 14px}
    .font_size_18{font-size: 14px}
    .line_height_28{line-height: 20px}
    .bg_feature_section{padding-top: 50px; padding-bottom: 50px}
    .padding_bottom_100{padding-bottom: 50px}
    .padding_top_100{padding-top: 50px}
    .top_navigation{background-color: rgba(0,0,0,.5)}
    .menu_bar li:first-child a{margin-left: 15px}
    .sub_page_banner01{height: auto; padding-bottom: 30px}
}
@media only screen and (max-width: 767px){
    .hero_banner_img{height: auto; padding-bottom: 50px}
    .font_size_48{font-size: 20px}
    .line_height_54{line-height: 24px}
    .font_size_22{font-size: 14px}
    .line_height_30{line-height: 20px}
    .banner_btn{padding: 10px 30px; font-size: 14px}
    h2{font-size: 24px; line-height: 28px; margin-top: 30px}
    .banner_search_box .text_field{font-size: 12px}
    .banner_search_box .search_btn{padding: 13px 30px}
    .domain_listing li{padding: 0 10px}
    .custom_box{margin-bottom: 20px}
    .footer_links{display: none}
    .bg_footer_section{background: none; padding-top: 0}
    .float_left{float: left}
}
@media only screen and (max-width: 480px){

}