/****** Responsive ******/

@media (max-width: 1450px)
{
    .estimate-container{padding: 0 15px;}
    .estimate_tabs .nav-tabs>li>a, .estimate_box {width: 160px;height: 160px;}
    .estimate_tabs .nav-tabs span {font-size: 16px;}
}
@media (max-width: 1140px)
{
    /* .navbar-nav>li>a {font-size: 1.6vw;}    
    .navbar-header {width: 250px;}
    .navbar-right{margin-top: 8px;}
    .navbar-right a {font-size: 1.2em;}    
    .navbar-right .sub-menu li span {width: 50px;right: -25px;height: 50px;display: flex;align-items: center;justify-content: center;z-index: 9999;}     */
}

@media (max-width: 1024px)
{
    header {padding: 0;top: 0px !important;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 9999999;
    box-shadow: 0px 1px 11px -2px rgba(0, 0, 0, 0.5);background: rgba(0, 0, 0, 0.75);}
    .navbar-brand>img {height: 40px;display: inline-block;}
    header.black-bg .navbar {padding: 0;margin-bottom: 0;}
    .mobile_menu {display: block;z-index: 99999999;}
    .navbar-collapse.collapse, .navbar-toggle{display: none !important;}
    .navbar-header>a {float: none;width: 250px;display: inline-block;padding: 4px 0 0;margin: 0 auto;}
    .navbar-header {float: none;width: 100%;text-align: center;}
    .navbar-header>a>img {height: 40px;}
    #share_btn{display: block;}
    #top {width: 220px;position: fixed;right: -220px;top: 50px;background: rgb(255, 255, 255);transition: all 0.5s ease;z-index: -99;box-shadow: -3px 4px 10px 0px rgba(0, 0, 0, 0.3);
        overflow: auto;height: 100vh;}
    .show_top {right: 0 !important;}
    .header_contact {width: 100%;float: left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);color: #000;}
    .header_contact li {width: 100%;float: left;border-right: none;text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding: 10px 15px;font-size: 16px;}
    .header_contact li a {color: #000;}
    .header_social {width: 100%;float: left;text-align: center;}
    .header_social li a {opacity: 1;width: 35px;height: 35px;margin: 8px;font-size: 16px;}
    .header_social li a span {font-size: 16px;position: absolute;left: 50px;font-family: Arial, 'Montserrat';color: #000;}   
    .header_social li {width: 100%;float: left;text-align: left;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}    
    .header_social li:last-child {border: none;}
    #footer_bottom .header_social li {width: auto; float: none;    border: none;}
    .logo_img {width: 25%;}
    .estimate_tabs .nav-tabs li.checked:before{background-size: 50%;}
    .estimate_text_box {/* width: auto; */}
    .estimate_tabs .nav-tabs li .form-control {height: 40px;padding-left: 5px;}
    .estimate-send {width: 40px;height: 40px;}
    .old_app_platform_android_ios_technology .estimate_tab:nth-child(1), .old_app_platform_android_ios_technology .estimate_tab:nth-child(2) {width: 50%;
    float: left;margin-bottom: 0;}
    .estimate_title {font-size: 28px;}
    .pjax-content{padding: 80px 0 70px;}
    .pjax-content p {font-size: 14px;line-height: 20px;}

}

@media (min-width: 768px) and (max-width: 991px)
{
    .back_btn {left: 30%;}
    .next_btn {right: 10%;}    
}

@media (max-width: 992px)
{
    .title h2 {font-size: 32px;line-height: 36px;}
    #contact_popup {display: block;padding: 10px 0 !important}
    .popup_form {margin: 25px auto;}    
    .navbar-brand {width: 240px;margin: 0 auto;float: none;display: inline-block;padding: 4px 0 0;}
    .contact_social {flex-wrap: wrap;}
    .contact_social li a {margin: 5px;}
    .estimate-main:before { background-position: bottom center;}
}
@media (max-width: 767px)
{
    body {overflow-x: hidden;}
    .font-34{font-size: 20px !important;}    
    footer {padding: 10px 0;}
    header.black-bg {background: #da2436;}
    .popup_form {margin: 0 auto;float: left; width: 100%;}
    .popup_form h4 {font-size: 24px;margin: 0 0 20px 15px;line-height: 28px;}
    #popup_close {font-size: 24px;top: 15px;}    
    .get_quote {font-size: 16px;padding: 5px 10px;right: -38px;top: 150px;}
    .title {margin-bottom: 25px;}
    .title h2 {    font-size: 20px;line-height: 24px;}
    .navbar-brand {/* margin-left: -40px; */width: 160px;}
    .footer_link {text-align: center;}    
    .popup_form h1{margin-left: 15px;}    
    #footer_bottom {padding: 25px 0 !important;}
    section#contact {padding-bottom: 25px !important;}
    .title p {font-size: 14px;}
    .title2 h2 {font-size: 20px;line-height: 24px;margin-bottom: 15px;}
    .custome_btn2 {width: 130px;font-size: 12px;padding: 8px 10px; line-height: 18px;}
    header.black-bg {background: #da2436;}
    #contact_form .form-group {margin-bottom: 20px;}
    .contact-link-block {padding: 0;}
    .estimate_title {font-size: 18px;line-height: 1.2;}
    .pjax-content p {font-size: 12px;line-height: 18px;}
    /*.pjax-content .custome_btn {max-width: 150px;font-size: 12px;padding: 10px 0;margin-top: 30px;}        */
    .back_btn {background-size: 100px 50px;font-size: 14px;width: 100px;height: 50px;left: 10px;transform: translateX(0);padding: 15px 0 18px;bottom: 30px;}
    .old_app_platform_android_ios_technology .estimate_tab { margin: 10px 0 20px;display: flex;}
    .estimate_tabs .nav-tabs {margin: 30px 0 10px;}
    .estimate_tabs .nav-tabs span {font-size: 11px;margin: 8px 0 0px;}
    .next_btn {width: 100px;height: 50px;background-size: 100px 50px;font-size: 14px;padding: 15px 0 20px;right: 10px;bottom: 30px;transform: translateX(0);}
    .back_btn i {font-size: 18px;width: 40px;}
    .next_btn i {font-size: 0;width: 40px;text-align: center;margin: 0;display: none;}    
    .estimate_contact {margin: 10px 0 0;}    
    .estimate_contact>#contact_form {padding: 15px 0 0;}
    .estimate_contact>#contact_form .form-group {margin-bottom: 15px;}
    .estimate_contact>#contact_form .form-control {height: 35px;}
    .estimate_contact>#contact_form .checkbox {margin: 0;}
    .estimate_contact>#contact_form label {font-size: 14px;line-height: 18px;}
    .estimate_contact>#contact_form .custome_btn {margin-top: 0;}    
    .estimate_tabs .nav-tabs li {width: 33.33%;padding: 10px 5px;margin: 0;}
    #estimate {overflow: visible;min-height: 100%;height: 100%;position: relative;    padding: 0 !important;}
    .estimate_tabs .nav-tabs li .form-control {height: 30px;font-size: 12px;padding-left: 5px;}
    .estimate-send {font-size: 14px;width: 30px;height: 30px;}
    .estimate_text_box {transform: translate(-50%, 70%);width: 120px;font-size: 11px;z-index: 99999;}
    .estimate-main {min-height: 100vh;display: flex;align-items: center;justify-content: center;}
    .pjax-content {position: relative;min-height: inherit; padding: 30px 15px;}
    .estimate_tabs {padding: 50px 0 50px;}    
    .col-xs-12 {width: 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
    /********* 404 Error Page ********/
    .error_plane_icon {width: 200px;height: 200px;}
    .error_tooltip {width: 90px;font-size: 12px;left: -10px;bottom: -60px;}
    .error_404_img {max-width: 50%;}

    .estimate_contact form.bv-form {padding: 20px 0;}
    .consultation-btn-left {text-align: center;}
    .estimate-textarea-box {padding: 15px 0px 5px;margin-bottom: 30px;}
    ul#old_app_android-device, #old_app_iOS-device {display: flex;justify-content: center;float: none;flex-wrap: wrap;border: none;width: 100%;}
    #old_web_dynamic_option .estimate_box:before, #old_web_dynamic_option .estimate_tabs li>a:before {/* transform: translateY(-33%); */}
    #old_web_dynamic_option  .nav-tabs li {padding: 10px 3px 10px;}
    #web-dynamic-option .estimate_box:before, #web-dynamic-option .estimate_tabs li>a:before {transform: translateY(-35%);}
    .estimate_tabs .nav-tabs>li>a, .estimate_box {padding: 3px;height: 100px;width: 100px;}
    .estimate_tabs .nav-tabs .technology_heading span {font-size: 12px; }
    .old_app_platform_android_ios_technology .estimate_tab:nth-child(1), .old_app_platform_android_ios_technology .estimate_tab:nth-child(2) {width: auto;
    float: none; margin: 10px 0;}
    .estimate_tabs .nav-tabs>li>a:before, .estimate_box:before { width: 20px;height: 20px;font-size: 11px;box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    top: 5px;right: 5px;}

    .success-modal-box {padding: 0 0;}
    .success-modal-box>img {max-width: 150px;}
    .success-modal-box h3 {font-size: 24px;}
    .success-modal-box h3 small {font-size: 14px;line-height: normal;}
    .success-modal-box p {font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    #successModal {padding-top: 50px;}
}   
@media (max-width: 479px)
{    
    #estimate {overflow: visible;height: 100%;}
}