@media only screen and (max-width: 1440px){
    .default_navigation .default_navigation_list li a{margin: 0 15px}
    .default_navigation .default_navigation_list li:first-child a{margin-left: 0}
    .default_navigation .default_navigation_list li:last-child a{margin-right: 0}
}
@media only screen and (max-width: 1199px){
    .section_heading h2{font-size: 30px; line-height: 36px}
    .blue_img:before, .red_img:before, .yellow_img:before, .green_img:before{width: 50px; height: 50px; top: 30px; background-size: 100%}
    .sub_hosting_plan_box .hosting_plan_heading{padding: 20px 0 20px 80px}
    .sub_hosting_plan_box .hosting_plan_list{padding: 20px 0}
    .history_box h5{font-size: 20px; line-height: 26px}
    .inner_purple_box, .inner_yellow_box, .inner_red_box{padding: 30px 15px}
    .history_box p{font-size: 14px; line-height: 20px}

}
@media only screen and (max-width: 991px) {
    .banner_content_box h1{font-size: 52px; line-height: 58px}
    .banner_content_box p{font-size: 24px; line-height: 30px}
    .default_toggle_btn .navbar-toggler-icon {background: url(../images/svg/mobile_toogle_button.svg)}
    .default_toggle_btn:focus{outline: none}
    .default_navigation_inner{position: absolute; content: ""; right: 0; top: 100%; width: 30%; background-color: #fff; z-index: 9}
    .default_navigation_list{margin: 10px 0}
    .default_navigation .default_navigation_list li a{margin: 0; padding: 15px 25px !important;}
    .outer_btn_client_area{display: none}
    .heading_img01:before, .heading_img02:before, .heading_img03:before{width: 50px; height: 50px; top: 28px; background-size: 100%; background-repeat: no-repeat}
    .hosting_plan_box .hosting_plan_heading{padding: 15px 0 15px 70px; font-size: 24px}
    .hosting_plan_list{padding: 20px 0}
    .hosting_plan_price_box span{font-size: 30px}
    .carousel-control-next, .carousel-control-prev{top: -15px}
    #accordion01 .card-header button[aria-expanded="false"]:before{right: 10px}
    #accordion01 .card-header button[aria-expanded="true"]:before{right: 10px}
    #accordion01 .card-header button[aria-expanded="false"]{padding: 10px 20px}
    #accordion01 .card-header button[aria-expanded="true"]{padding: 10px 20px}
    .subscription_email_heading h2{font-size: 18px; line-height: 28px}
    .email_field{width: 100%}
    .tablet_margin{margin-bottom: 30px}
    .blue_img:before, .red_img:before, .yellow_img:before, .green_img:before{width: 93px; height: 93px; top: 8px; background-size: auto}
    .sub_hosting_plan_box .hosting_plan_heading{padding: 20px 0 20px 120px}
    .support_content_box{padding: 0}
    .support_content_box p{line-height: 24px}
    .section_heading p{font-size: 16px; line-height: 24px}
    .left_border:before{bottom: -20px}
    .sub_banner_content_box h1{font-size: 36px; line-height: 42px}
    .inner_purple_box, .inner_yellow_box, .inner_red_box{padding: 30px 10px}
    .history_box h5{font-size: 14px; line-height: 24px}
    .default_navigation .default_navigation_list li .dropdown-menu{width: 100%}
    .default_navigation .default_navigation_list li.active .dropdown-menu a{border-bottom: none; background-color: transparent; color: #000}
    .default_navigation .default_navigation_list li .dropdown-menu a:hover{background-color: #b7181d; color: #fff}


}
@media only screen and (max-width: 767px){
    .default_navigation_inner{width: 50%}
    .banner_content_box h1{font-size: 30px; line-height: 36px}
    .banner_content_box p{font-size: 18px; line-height: 28px}
    .search_field{width: 100%; padding: 15px 18px}
    .search_domain_outer{text-align: center}
    .btn_submit{position: relative; left: 0; right: 0; margin: 10px auto 0; border-radius: 4px; padding: 15px 23px}
    .hero_banner_inner{text-align: center}
    .hero_banner{height: 400px}
    .banner_slider_indicators{bottom: -60px}
    .padding_bottom_70{padding-bottom: 40px}
    .padding_top_70{padding-top: 40px}
    .section_heading h2{font-size: 24px; line-height: 30px}
    .mobile_margin{margin-bottom: 30px}
    .heading_img01:before, .heading_img02:before, .heading_img03:before{width: 90px; height: 90px; top: 3px; background-repeat: no-repeat}
    .hosting_plan_box .hosting_plan_heading{padding: 15px 0 15px 120px }
    .our_services_box{text-align: center}
    .left_border:before{display: none}
    .margin_bottom_60{margin-bottom: 30px}
    .subscription_email_heading{text-align: center; margin-bottom: 20px}
    .footer_outer_box{display: block !important; width: 100%; float: left; text-align: center}
    .footer_inner_box{width: 45%; float: left}
    .footer_inner_box:last-child{width: 100%}
    .designed_by, .history_section{text-align: center}
    .copyright_box{text-align: center; margin-top: 30px}
    .sub_banner_content_box h1{font-size: 30px; line-height: 36px}
    .sub_banner_content_box p{font-size: 18px; line-height: 24px}
    .sub_banner03{height: 250px}
    .cloud_plan_outer{margin-top: 0}
    .cloud_plan_list{margin: 0 auto 50px}
    .blue_img:before, .red_img:before, .yellow_img:before, .green_img:before{top: 2px}
    .support_section{text-align: center}
    .support_section figure{margin-bottom: 30px}
    .support_content_box h2{font-size: 24px; line-height: 30px}
    .right_border:before{display: none}
    .contact_form{position: relative}
    .contact_form_check_field{position: absolute; left: 15px; bottom: -155%}
    .contact_form_outer{padding-bottom: 80px}
    .default_navigation .default_navigation_list li .dropdown-menu a{padding: 10px 25px !important;}

}