@media only screen and (max-width: 1199px) {

.nav_bar li a{padding: 10px 5px}

.price_box figure{padding-bottom: 10px}

.price_box p{padding-bottom: 20px}

.feature_box h4{font-size: 18px}

.background_shape{clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0 100%);}

.nav_bar .dropdown-menu{right: -25px; left: auto}

.dropdown-menu>li>a{padding: 3px 20px}

#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 76px}

.sub_banner_text h1 {font-size: 42px; line-height: 48px}

.sub_banner_text p {padding-bottom: 10px}

.padding_top_130 {padding-top: 70px}

.padding_bottom_130 {padding-bottom: 70px}

}



@media only screen and (max-width: 991px){

 .menu_navigation{padding-top: 15px; padding-bottom: 15px}

.logo{width: 100%}

.menu{width: 80%; float: left; text-align: center;}

.menu > ul {width: 100%}

.menu >ul >li {display: inline-block; float: none !important;}

.navigation_bar{width: 100%}

.nav_bar{width: 100%; text-align: center}

.nav_bar li{float:none; display: inline-block}

.dropdown-menu>li>a{padding: 3px 20px}

.nav_bar .dropdown-menu{right: -45px; left: auto}

.main_text h1{font-size: 42px}

.main_text p{font-size: 18px; padding-bottom: 5px}

.main_text .price_tag {font-size: 22px; padding-bottom: 20px}

.main_text .price_tag span{font-size: 32px}

.home_page_banner_content{height: 650px}

h2{font-size: 30px !important; margin-bottom: 5px !important;}

.background_shape{clip-path: polygon(0% 4%, 100% 0%, 100% 96%, 0 100%);}

.price_box h4{font-size: 48px}

.price_box h4 span{font-size: 28px}

.btn_price_box{padding: 12px 38px}

.core_feature_box{padding-bottom: 25px}

.padding_bottom_100{padding-bottom: 75px}

.padding_top_100{padding-top: 75px}

.quality_box h6{font-size: 16px}

 br{display: none}

.website_design h2{margin-bottom: 0 !important; padding-bottom: 10px}

.website_design .website_price{font-size: 22px}

.website_design .website_price span{font-size: 32px}

.btn_website_price{padding: 14px 32px}

.footer_box{display:none}

.footer_logo_box{text-align: center}

.footer_section .container .padding_bottom_30{padding-bottom: 0}

#sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 53px}

.sub_banner_text h1 {font-size: 36px}

.sub_banner_text p {font-size: 14px}

.feature_box h4 {font-size: 24px; padding-top: 20px; padding-bottom: 15px}

.feature_box p {line-height: 22px}

 .price_box, .dedicated_server_box p {padding: 0 5px}
 .menu ul li a{padding: 30px 10px !important;}
 .footer_logo_box figure{float: left}
 .shared_hosting_banner:before, .reseller_hosting_banner:before, .vps_hosting_banner:before, .dedicated_hosting_banner:before, .about_page_banner:before, .contact_page_banner:before, .network_banner:before{width: 100%; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}

}

@media only screen and (max-width: 767px) {

.logo_box a img{margin: 0; padding-left: 15px}

 .logo_box{margin-bottom: 0; margin-left: 0 !important; margin-right: 0 !important;}

 .nav_bar li{display: block; text-align: left; padding: 0}

 /*.shared_hosting_banner:before, .reseller_hosting_banner:before, .dedicated_hosting_banner:before {display: none;}*/
 .menu .show-on-mobile{position: absolute; background-color: #01b6ad; width: 30%; right: -15px; top: 43px; padding: 10px 0; z-index: 9}
 .menu ul li a{padding: 5px 15px !important;}
 .home_page_banner, .home_page_banner03
 {background-position: left}
 .home_page_banner02{background-position: right}
 .menu > ul > li a:hover, .menu > ul > li a:focus{color: #fff !important;}
 div.megamenu-box .submenu a figure, div.megamenu-box .submenu a p, .megamenu-box .search_box{display: none}
 .menu > ul > li >.megamenu-box ul.submenu>li{margin-right: 0 !important; text-align: left}
 .menu > ul > li >.megamenu-box ul.submenu>li a{padding: 5px !important;}
 .menu > ul > li >.megamenu-box ul.submenu>li h3{font-size: 13px !important; line-height: 13px !important; margin: 0 !important;}
 .menu > ul > li >.megamenu-box ul.submenu>li>a{background-color: transparent !important;}
 .menu > ul > li > .megamenu-box{padding: 10px 0 !important;}
 .menu > ul > li >.megamenu-box ul.submenu{float: left; padding: 0 15px; margin: 10px 0}
 #sub_menu, #sub_menu_01, #sub_menu_02, #sub_menu_03{top: 0; border-radius: 0; box-shadow: none; background-color: #f0f0f0; padding: 10px 0}
 .dropdown-menu>li>a{font-size: 13px !important;}
 .sub_banner_text h1{font-size: 30px}
 .sub_page_banner_content{height: 250px}
 .caret{position: absolute; right: 20px; top: 12px}
 .bg_shape{clip-path: none}


}

@media only screen and (max-width: 425px) {

 .main_text h1{font-size: 26px}

 .main_text p{font-size: 14px}

 .main_text .price_tag{font-size: 18px}

 .main_text .price_tag span{font-size: 22px}

 .banner_btn_01{padding: 8px 22px; margin-right: 10px}

 .banner_btn_02{padding: 8px 36px}

 .home_page_banner_content{height: 350px}

 .nav_bar .open .dropdown-menu .dropdown-header, .nav_bar .open .dropdown-menu>li>a{padding: 5px 0}

 #sub_menu li:first-child, #sub_menu_01 li:first-child, #sub_menu_02 li:first-child, #sub_menu_03 li:first-child{padding: 0}

 .menu_navigation .navbar-nav .open .dropdown-menu>li>a{color: #fff}

 .padding_bottom_80, .padding_bottom_100{padding-bottom: 50px}

 .padding_top_100, .padding_top_80{padding-top: 50px}

 h2{font-size: 26px !important}

 .background_shape{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);}

 .description{font-size: 14px}

 .detail_box{padding-bottom: 25px}

 .testimonial_box{margin-bottom: 25px}

 .line_height_52{line-height: 32px}

 .search_box{width: 100%}

 .search_btn{padding: 19px 40px !important;}
 .menu .show-on-mobile{position: absolute; background-color: #01b6ad; width: 50%; right: -15px; top: 43px}

}