@media (min-width: 2560px){
    .card-container, .front, .back {
        height: 900px;
}
}
@media (min-width: 1701px){
    #hero_banner .ms_btn {
        font-size: 25px;
    }
    .panel_content p {
        line-height: 30px;
    }
    .usp p {
        font-size: 22px;
    }
}
@media (min-width:1024px) {
     .hide-desktop{
        display:none
    }
}
@media (max-width:1700px) {
     .header-area .main-header-area,.header-area .main-header-area.sticky{
        padding:15px 115px
    }
     .container_80{
        max-width:85%;
        width:85%
    }
     .steps_panel p{
        width:65%
    }
     .card .stats-container ul li{
        font-size:14px!important;
        margin: 0 auto 15px;
    }
     .slider_text h1 {
         font-size: 2.5em;
         width: 100%;
    }
     .slider_text h5 {
         margin: 0 auto;
         font-size: 1.75em;
         width: 80%;
    }
     .card-container, .front, .back {
         height: 775px;
    }

    .modal-dialog.modal-dialog-slideout .submit_form { 
        width: 55%; 
    }

    .modal-dialog-slideout .section_title h3 {
        font-size: 40px; 
    }

    .modal-dialog-slideout .section_title p { 
        width: 90%;
        padding:  0;
    }

    .modal-dialog-slideout .close {
        z-index: 999;
        top: 5px;
    }
    .hero-title h1, #info h1{font-size: 55px;}
    .projects_moreinfo{font-size: 19px;}
    #info .ms_btn.red{font-size: 20px;}
    .usp-container img {
        width: 80%;
        height: 115px;
    }
    .usp-container p{font-size: 16px;}
    .panel_content span{min-height: 65px;font-size: 13px;width: 90%;}
    .card .content{padding: 10px 10px 0;}
    .card .content{min-height: 430px;}
    p{font-size: 14px;}
    .card .cover img {height: 250px;}
    .projects_moreinfo img {width: 20px;}
}
@media (max-width:1500px) {
     .header-area .main-header-area.sticky{
        padding:10px 70px!important
    }
     .card .stats-container{
        min-height:330px
    }
     .card-container, .front, .back {
         height: 760px;
    }

     .breaker_text .section_title {
         margin-bottom: 40px;
    }

    .breaker_text {
        padding-top: 115px; 
    }

    .breaker_text .section_title h3 { 
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .breaker_text hr {
        margin: 10px auto 0px auto;
    }
    .learnmore_section {
        padding: 110px 0; 
    }


    .modal-dialog-slideout { 
        width: 50%!important;
        max-width: 50%!important;
    }

    .modal-dialog-slideout .close {
        top: -5px;
    }

    .modal-dialog-slideout .submit_form {
        width: 55%;
    }

    .modal-dialog-slideout .section_title {
        margin-bottom: 10px; 
    }

    .modal-dialog-slideout .section_title h3 {
        font-size: 38px!important;
        margin: 0;
        line-height: 1.2;
    }

    .modal-dialog-slideout .section_title p {
        font-size: 18px;
        width: 100%;
        padding:  0;
    }
    .terms_form {
        font-size: 10px;
    }
    .img-box img {
        max-height: 500px;
    }
    .usp-container p {
        font-size: 15px;
    }
    .stamp{width: 33%;}
    .panel_content h3, .back .header h3{font-size: 20px;}
    .projects_moreinfo img {margin-left: 3px;}
    .card .footer a, .projects_moreinfo{font-size: 18px;}
    .filter-button.active, .filter-button{font-size: 18px;}
    #info h1 {
        font-size: 43px;
    }
    #info .section_title h5{font-size: 20px;}
    #info .section_title p{font-size: 16px;}
    .hero-title h1, #info h1 {
        font-size: 50px;
    }
    .panel_content span{min-height: 80px;}
}
@media (max-width:1367px) {
     .container_80{
        max-width:87%;
        width:90%
    }
     .header-area .log_chat_area .say_hi{
        font-size:20px;
        padding:12px 20px
    }
     .header-area .main-header-area.sticky{
        padding:10px 70px!important
    }
     .slider_text h1{
        font-size:2em;
        width:95%
    }
     .slider_description {
        width: 90%
    }
     .icon img{
        max-width:45%
    }
     .card-container, .front, .back{
        height:740px!important
    }
    .card .header {
        padding: 0px 20px;
    }
    .panel_content p strong {
        font-size: 18px;
    }
     .section_title h3{
        font-size:43px!important
    }
     .registration_space .section_title p{
        font-size:17px;
        line-height:25px;
        margin-top:45px
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:20%
    }
     .card .stats-container{
        min-height:330px
    }
     .panel_content span {
         font-family: Gotham-Book;
         color: #7b7b7b;
         width: 90%;
         margin: 15px auto;
         display: block;
         font-size: 13px;
         min-height: 35px;
    }
     .slider_text h5 {
         font-size: 1.5em;
         width: 80%;
    }
     .steps_panel p {
         font-size: 15px;
         line-height: 18px;
         width: 75%;
         width: 70%;
    }
     .card .footer a, .projects_moreinfo {
         font-size: 17px;
    }
    .usp-container p {
        font-size: 14px;
    }
}
@media (max-width:1281px) {
     .panel_content span {
         width: 90%;
         font-size: 14px;
         min-height: 60px;
    }
     .card-container, .front, .back {
         height: 760px!important;
    }
     .back .header h3 {
         font-size: 20px;
    }
     .card .stats-container {
         min-height: 300px;
    }
    #hero_banner .ms_btn{
        padding: 10px 13px;
    }
    .img-box img {
        max-height: 500px;
        width: 100%;
    }
    .img-box img.centura-img {
        width: 100%;
        max-height: unset;
    }
    .panel_content p strong {
        font-family: Gotham-Bold;
        font-size: 17px;
    }
    .card .footer a, .projects_moreinfo {
        font-size: 16px;
    }
    .projects_moreinfo img {
        width: 20px;
        margin-left: 5px;
    }
    .filter-button.active, .filter-button {
        font-size: 16px;
    }
    .card .front .footer{margin-top: 50px;}
}
@media only screen and (width: 1280px) and (min-height: 700px){

    #hero_banner {
        height: 97vh;
    }
}
@media (max-width:1200px) {
     .header-area .log_chat_area .say_hi{
        font-size:18px;
        padding:12px 20px;
        width:100%
    }
     .steps_panel p{
        font-size:16px;
        line-height:20px;
        width:70%
    }
     .card .stats-container ul li{
        font-size:15px!important
    }
    .modal-dialog-slideout .close {  
        z-index: 999;
    }
    .modal-dialog.modal-dialog-slideout .submit_form {
        width: 65%;
    }
    .hero-title h1, #info h1 {
        font-size: 50px;
    }
    #hero_banner .ms_btn {
        width: 100%;
    }
    .ms_btn{font-size: 16px;}
    .usp-container p {
        font-size: 12px;
    }
    .usp-container img {
        width: 75%;
        height: 80px;
    }
    .filter-button, .filter-button.active{font-size: 14px;}
    .card .front .footer {
        margin-top: 45px;
    }
    .projects_area .ms_btn.view-more{width: 20%;}
    .card .content {
        min-height: 445px;
    }
    #info .section_title h5{font-size: 25px;}
    .blue-btn {padding: 10px 25px;font-size: 18px;}
    .blue-btn span {font-size: 25px;}
    .usp-container {margin: 20px 0 50px 0;}
}
@media (max-width:1024px) {
     .slider_area .ms_btn, .slider_area .ms_btn:hover, .slider_area .ms_btn:focus {
        font-size: 16px;
        width: 50%;
        background-color: #fff;
    text-decoration: none;
    }
     .masthead, .main-header-area.sticky .masthead {
         max-width: 200px;
    }
     .header-area .main-header-area.sticky{
        padding:10px 15px!important
    }
     .header-area .log_chat_area .say_hi{
        font-size:18px;
        padding:15px 20px
    }
     .slider_area .single_slider{
        height:90vh;
    }
     .icon img{
        max-width:55%
    }
     .steps_panel h6.first{
        left:25%
    }
     .steps_panel p{
        line-height:23px;
        width:90%;
        font-size:15px;
        text-align:center
    }
     .card-container, .front, .back {
         height: 785px!important;
    }
     .panel_content span {
         font-size: 13px;
    }
     .card .stats-container ul li{
        font-size:14px!important;
    }
     .card .stats-container {
         min-height: 340px;
    }
     .slider_text h1 {
         font-size: 1.75em;
         width: 100%;
    }
     .slider_text h5 {
         font-size: 1.35em;
         width: 100%;
    }
     .slider_text p {
         font-size: 13px !important;
         line-height: 20px;
         padding-top: 0;
         width: 100%;
         padding-top: 0 !important;
    }
     .header-area .ms_btn, .header-area .ms_btn:focus, .header-area .ms_btn:hover {
         font-size: 18px;
         text-align: center;
         margin-top: 0;
         padding: 12px 13px;
    }
     .learnmore_section {
         padding: 100px 0;
    }
     .learnmore_section h3 {
         font-size: 35px;
         line-height: 60px;
    }

    .pt-custom {
        padding-top: 0;
    }

    .border-reg {
        display: none;
    }

    .sp-img {
        display: none;
    }
    .navbar-brand.font-tertiary.h3 {
        position: relative;
    }
    .ms_btn {
        width: 25%;
    }
    .img-box img {
        width: 80%;
    }
    .modal-dialog-slideout { 
        width: 85%!important;
        max-width: 85%!important;
    }

    .modal-dialog-slideout .close {
        top: -5px;
    }

    .modal-dialog-slideout .submit_form {
        width: 55%;
    }

    .modal-dialog-slideout .section_title p {
        font-size: 18px; 
        width: 80%; 
    }
    #info .ms_btn.red, .submit_form{width: 50%;}


}
@media only screen and (width: 1024px) and (height: 1366px) {
    .hero-title{
        text-align: center;
    }
    .ms_btn {
        width: 25%;
        margin: 0 auto;
    }
    #hero_banner{
        justify-content: center;
    }
    .hero-title h1 {
        font-size: 100px;
    }
    #hero_banner .ms_btn {
        width: 31%;
        font-size: 30px;
    }
}
@media (max-width:992px) {
    #hero_banner{height: fit-content;}
    .filter-button, .filter-button.active {
         width: 32%;
         font-size: 13px;
    }
     .card.card-body {
         padding: 100px 0 0;
    }
     .hide-tablet{
        display:none
    }
     .header-area .main-header-area.sticky{
        transform:translateY(70px)
    }
     .slider_text h1{
         font-size: 2em;
         color: #ffffff;
         width: 80%;
    }
     .slider_text{
        margin-bottom:25%
    }
     .single_slider .ms_btn{
        font-size:18px;
        width:50%;
        text-align:center
    }
     .btn_bottom_hero{
        bottom:-75px;
        position:relative
    }
     .steps_panel p{
        line-height:19px;
        width:90%;
        font-size:15px
    }
     .steps_panel h6.first{
        left:18%
    }
     .section_title p{
        font-size:18px;
        line-height:28px;
        width:90%
    }
     .panel_content span{
        width:90%;
        line-height:1.2;
         min-height: 50px;
    }
     .panel_content p strong{
        font-size:16px
    }
     .panel_content{
        min-height:345px
    }
     .panel_content h3{
        font-size:19px
    }
     .registration_image{
        width:100%!important;
        height:550px
    }
     .registration_space{
        width:100%!important
    }
     .registration_space .section_title p{
        font-size:17px;
        line-height:24px;
        margin-top:40px;
        width:90%
    }
     .modal_form{
        width:95%;
        margin:0 auto
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:35%
    }
     .card .header{
        padding:15px 10px 0
    }
     .back .header h3{
        font-size:20px
    }
     .card .content{
        padding:0px;
    }
     .card .stats-container ul li strong{
        font-size:20px
    }
     .front,.back,.card-container,.front,.back{
        height:740px!important
    }
     .card .stats-container ul li{
        font-size:13px!important
    }
    .card .stats-container {
        width: 95%;
        min-height: 325px;
        margin: 15px auto 0;
    }
     .card .footer a {
         width: 70%;
         font-size: 18px;
    }
     .width_sm_10{
        width:10%!important
    }
     .width_sm_20{
        width:20%!important
    }
     .width_sm_30{
        width:30%!important
    }
     .width_sm_40{
        width:40%!important
    }
     .width_sm_50{
        width:50%!important
    }
     .width_sm_60{
        width:60%!important
    }
     .width_sm_70{
        width:70%!important
    }
     .width_sm_80{
        width:80%!important
    }
     .width_sm_90{
        width:90%!important
    }
     .width_sm_100{
        width:100%!important
    }
     .learnmore_section .ms_btn, .learnmore_section .ms_btn:hover, .learnmore_section .ms_btn:focus {
         width: 100%;
         padding: 15px 30px;
    }
     .learnmore_section {
         padding: 110px 0;
         background-image: url(../img/q2/breaker_mobile.jpg);
         background-position: 0 35%;
    }
     .learnmore_section h3 {
         font-size: 28px;
         line-height: 1.25;
         width: 100%;
         margin: 0 auto;
    }
     .learnmore_section .ms_btn, .learnmore_section .ms_btn:hover, .learnmore_section .ms_btn:focus {
         width: 100%;
         padding: 13px 30px;
         font-size: 19px;
    }
     .breaker_text {
         padding-top: 100px;
    }
     .breaker_text .section_title {
         margin-bottom: 40px;
    }


    #loader {
        margin: -125px 0 0 -50px;
        width: 100px;
        height: 100px;
    }

    .slider_area .align-items-center{
        align-items: flex-start !important;
    }

    .comehome-img {
        padding-top: 25px;
        width: 45%;
    }

    .breaker_text .section_title p {
        font-size: 16px;
        width: 100%;
    }


    .usp p {
        font-size: 16px;
        width: 100%;
         /*padding: 0 30px; */
        margin: 0 auto;
        left: 0;
    }

    .submit_form {
        width: 40%;
    }
    .footer-top .h5, .footer-top h5 {
        font-size: 15px;
    }
    p{
        font-size: 14px;
    }
    .line-top, .line-bottom {
        width: 100%;
        left: 0%;
    }
    .slider_area.slider-thanks .align-items-center{
        align-items: center !important;
    }
    .ms_btn {
        width: 30%;
    }

    .panel_content p {
        font-size: 14px;
    }  
    .ms_btn:hover {
        font-size: 18px;
        width: 24%;
    }
    #hero_banner .container_80.pt-5{
        padding-top: 10px !important ;
    }
    .hero-title h1, #info h1 {
        font-size: 40px;
    }
    .section_title h3 {
        font-size: 35px!important;
    }
    .section_title p {
        font-size: 16px;
    }
    #info .ms_btn.red, .submit_form {
        width: 65%;
    }
    .stamp {
        width: 43%;
        bottom: -7%;
        left: 1%;
    }
    .card .front .footer {
        margin-top: 0px;
    }
    .card .footer a, .projects_moreinfo {
        font-size: 15px !important;
    }
    .projects_area .ms_btn.view-more {
        width: 30%;
    }
    .card .back .footer a{
        margin: 10px auto !important;
    }
    .incentive-slider .owl-next, .incentive-slider .owl-prev{top: 100px !important;}
    .nav-item{margin-right: 0px;}
    .banner1, .banner2, .banner3, .banner4{background-image: none;background-color: #150958;}
}
@media (max-width:480px) {
    .slidingVertical div img {
        height: 25px;
        margin: 5px 0px 0 10px;
    }
     .submit_btn .ms_btn {
         margin: 0 auto;
         width: 100%;
    }
     .hide-tablet{
        display:block
    }
    .hide-mobile{
        display: none;
    }
     .m_lr_15{
        margin-left:15px!important;
        margin-right:15px!important
    }
     .no_m_lr{
        margin-left:0!important;
        margin-right:0!important
    }
     .no_p_lr{
        padding-left:0!important;
        padding-right:0!important
    }
     .slider_bg_1{
        background-image:url(../img/q2/hero_mobile-05.jpg)
    }
     .footer-social{
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
     .slider_text h1{
        margin:0;
        font-size:1.35em;
        width:95%;
        color:#4a4a4a
    }
     .slider_text h5{
        margin:0 auto;
        font-size:1em;
        width:95%;
        color:#4a4a4a
    }
     .slider_text{
         margin-bottom: 45%;
         position: relative;
         top: 0px;
    }
     .slider_description {
        position: absolute;
        font-size:14px
    }
     .btn_bottom_hero{
        bottom:-80px;
        position:relative;
        margin:0 auto
    }
     .img_logo{
        max-width:100px;
        width:100%
    }
     .header-area .main-header-area .logo-img{
        width:80%
    }
     .masthead{
        max-width:90%
    }
     .single_slider .ms_btn{
        margin-top: 0;
        top: 15px !important;
        font-size:16px;
        color:#fff;
        position:relative;
        z-index:0;
        padding:8px;
        font-family:Gotham-Bold;
        background:#d0021b;
        border:1px solid #d0021b;
        width:50%;
        text-align:center;
        margin: 0 auto;
    }
     .header-area .main-header-area.sticky{
        padding:20px 10px
    }
     .main-header-area.sticky .masthead{
        max-width:95%
    }
     .section_title p{
        font-size:16px;
        line-height:1.3;
        width:90%
    }
     .icon img{
        max-width:65%;
        margin:0 auto 20px
    }
     .steps_panel h6{
        font-size:110px!important;
        left:25%;
        top:0
    }
     .steps_panel p {
         width: 80%;
         margin: 20px auto;
         text-align: center;
         font-size: 14px;
         line-height: 18px;
    }
     .m-w-70{
        width:70%
    }
     .m-text-center{
        text-align:center
    }
     .footer-top .h5,.footer-top h5{
        font-size:16px
    }
     .footer-bottom p{
        font-size:11px;
        text-align:center!important
    }
     .container_80{
        max-width:90%;
        width:90%;
        margin:0 auto
    }
     .projects_area .single_service{
        width:90%
    }
     .m_xs_b0{
        margin-bottom:0!important
    }
     .panel_content{
        padding:10px 5px
    }
     .panel_content h3{
        font-size:20px
    }
     .panel_content span{
        width:95%;
        min-height: 60px;
    }
     .get_in_tauch_area .touch_form .single_input label.radio-inline{
        width:30%
    }
     .get_in_tauch_area .touch_form .single_input input[type=radio]{
        width:15%;
        height:25px
    }
     .card.card-body{
        padding:50px 0 0;
        border-radius:0;
        background-image:url(../img/howitworks_mobile.jpg)
    }
     .steps_panel img{
        width:20%
    }
     .terms{
        width:80%;
        margin:0 auto;
        line-height:1.15
    }
     .panel_content{
        min-height:280px
    }
     .registration_image{
        width:100%!important;
        height:350px
    }
     .registration_space{
        width:100%!important
    }
     .registration_space .section_title p{
        font-size:17px;
        line-height:24px;
        margin-top:40px;
        width:90%
    }
     .modal_form{
        width:95%;
        margin:0 auto
    }
     .modal_form .touch_form .single_input label.radio-inline{
        width:35%
    }
     .width_xs_10{
        width:10%!important
    }
     .width_xs_20{
        width:20%!important
    }
     .width_xs_30{
        width:30%!important
    }
     .width_xs_40{
        width:40%!important
    }
     .width_xs_50{
        width:50%!important
    }
     .width_xs_60{
        width:60%!important
    }
     .width_xs_70{
        width:70%!important
    }
     .width_xs_80{
        width:80%!important
    }
     .width_xs_90{
        width:90%!important
    }
     .width_xs_100{
        width:100%!important
    }
     .m_xs_0{
        margin:0!important
    }
     .mt_xs_0{
        margin-top:0!important
    }
     .mt_xs_10{
        margin-top:10px!important
    }
     .mt_xs_20{
        margin-top:20px!important
    }
     .mt_xs_30{
        margin-top:30px!important
    }
     .mt_xs_40{
        margin-top:40px!important
    }
     .mt_xs_50{
        margin-top:50px!important
    }
     .mb_xs_0{
        margin-bottom:0!important
    }
     .mb_xs_10{
        margin-bottom:10px!important
    }
     .mb_xs_20{
        margin-bottom:20px!important
    }
     .mb_xs_30{
        margin-bottom:30px!important
    }
     .mb_xs_40{
        margin-bottom:40px!important
    }
     .mb_xs_50{
        margin-bottom:50px!important
    }
     .card .stats-container ul li strong{
        font-size:20px!important;
        line-height:1.5
    }
     .card .stats-container ul{
        width:95%;
        margin:0 auto 5%
    }
     .front,.back{
        height:100%
    }
     .card .content{
        padding:10px 0!important
    }
     .content .ms_btn{
        position:relative;
        bottom:-5px
    }
     .front,.back{
        height:620px!important
    }
     .card .stats-container{
        width:90%!important;
        margin:20px auto;
        min-height:275px
    }
     .section_title h3{
        font-size: 26px!important;
        width: 90%;
        margin: 0 auto 10px auto;
        line-height: 1.25;
    }
     .back .header h3{
        font-size:21px!important
    }
     .card .header{
        padding:10px 0
    }
    .card-container, .front, .back {
        height: 760px!important;
    }
     .card .header h3{
        margin-top:25px!important
    }
     .card .stats-container ul li{
         font-size: 13px!important;
         margin: 0 auto 10px;
    }
     .modal-dialog-slideout {
         width: 85%!important;
         max-width: 85%;
    }
     .modal-dialog-slideout .close {
         font-size: 2rem;
    }
     .vt_tour_content .ms_btn {
         display: block;
         width: 100%;
         margin: 0 auto 25px auto;
         font-size: 17px;
    }
     .filter-button, .filter-button.active {
         margin-top: 15px;
         width: 45%;
         font-size: 14px;
         margin-bottom: 0px;
    }
     .slider_text p {
         font-size: 11px !important;
         padding-top: 15px !important;
         line-height: 15px !important;
    }
     .thankyou_text {
         font-size: 2em;
    }
     .terms_form {
         font-size: 10px;
         font-family: Gotham-Medium;
    }
     .terms_form input{
         margin-right: 5px !important;
    }
     .breaker_text .section_title h3 strong {
         display: block;
    }
     .breaker_text .section_title h3 {
         font-size: 28px!important;
         line-height: 32px;
         margin-bottom: 25px !important;
    }
     .breaker_text .section_title {
         margin-bottom: 15px;
    }
     .breaker_text {
         padding-top: 75px;
    }
    .listing-header{
        background-image: url("../img/q2/breaker_mobile.jpg");
    }
    .navbar-brand.font-tertiary.h3 {
        position: relative;
        padding: 0px;
        margin: 0px;
    }
    .submit_form {
        width: 90%;
    }
    .img-box img {
        width: 65%;
    }
    .img-box{
        text-align: center;
    }

    .usp p {
        width: 60%;
        font-size: 20px;
    }
    .text-black {
        width: 80%;
        margin: 0 auto;
    }
    #hero_banner {
        height: fit-content;
        background-color: #eedbcc;
        background-image: none;
        padding: 50px 0;
    }
    .hero-title {
        text-align: center;
        margin-top: 20px;
    }
    .container.pt-5{
        padding-top: 7px !important;
    }
    .hero-title h1 {
        font-size: 35px;
        margin-bottom: 0px;
    }
    .hero-title h3 {
        font-size: 20px;
        padding: 5px 15px;
        margin: 0 auto;
    }

    .slider_bg_1 {
        background-image: url(../Assets/Hero_mobile.jpg);
    }
    .slider_text.thankyou_text h1{
        color: white;
    }
    .container_80{
        padding: 50px 0;
    }

    .img-box img {
        width: 100%;
        padding-top: 0px;
    }
    .slide-box.centura-box{
        padding: 18px;
    }
    .centura-img{
        max-width: 100% !important;
    }
    #hero_banner .container_80.pt-5{
        padding: 10px 0 !important;
    }
    .projects_area {
        padding-top: 0px;
   }
   p {
    font-size: 15px;
    }
    .panel_content p strong {
        font-size: 18px;
    }
    .slide-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .modal-dialog-slideout {
         width: 85%!important;
         max-width: 85%;
    }
     .modal-dialog-slideout .close {
         font-size: 3rem;
    }

    .modal-dialog.modal-dialog-slideout { 
        width: 95%!important;
        max-width: 95% !important;
    }

    .modal-dialog.modal-dialog-slideout .submit_form {
        width: 100%;
    }

    .modal-dialog-slideout .get_in_tauch_area {
        padding: 0px !important;
        width: 85%;
        margin: 0 auto;
        display: block;
    }

    .modal-dialog-slideout .section_title {
        margin-bottom: 10px;
    }

    .modal-dialog-slideout .section_title p {
        font-size: 15px;
        padding: 0;
        line-height: 1.3;
        width: 100%;
    }

    .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input input, 
    .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input select, 
    .modal-dialog-slideout .get_in_tauch_area .touch_form .single_input textarea {
        height: 40px;
        padding: 0px 10px;
        font-size: 14px 
    }

    .modal-dialog-slideout .close { 
        top: -1%;
    }

    .modal-dialog.modal-dialog-slideout {
        min-height: auto;
        height: 100vh;
    }

    ::-moz-selection{background:#444;color:#fff;text-shadow:none;background:#444;color:#fff;text-shadow:none}
    ::selection{background:#444;color:#fff;text-shadow:none}
    ::-webkit-input-placeholder{color:#ccc;font-size:12px;opacity:1}
    :-ms-input-placeholder{color:#ccc;font-size:12px;opacity:1}
    ::-ms-input-placeholder{color:#ccc;font-size:12px;opacity:1}
    ::placeholder{color:#ccc;font-size:12px;opacity:1}

    #register_popup {
        overflow-y: scroll;
    }
    .modal-dialog-slideout .section_title h3 {
        font-size: 32px!important;
        margin: 0 0 10px 0; 
        color: #d0021b !important;
    }

    .img-box img {
        max-height: 400px;
        width: 100%;
    }
    #hero_banner .ms_btn {
        width: 42%;
        margin: 0 auto;
    }
    .nav-item.last-menu{display: none;}
    .dropdown-toggle {
        width: 100%;
        background: #fff;
        padding: 10px 20px;
        text-transform: uppercase;
        border-radius: 0;
        font-size: 12px;
    }
    .dropdown-menu, .filter-button, .filter-button.active {
        width: 100%;
    }
    .filter-button, .filter-button.active {
        margin-top: 0;
        width: 100%;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        font-size: 14px;
        margin-bottom: 0px;
    }
    .dropdown-toggle span {
        position: relative;
        z-index: 3;
        font-size: 14px;
        font-weight: 500;
        color: #4a4a4a;
        text-transform: capitalize;
        margin-bottom: 19px;
        display: inherit;
        font-family: "Roboto", sans-serif;
    }
    #info .ms_btn.red{
        margin: 0 auto;
    }
    .stamp {
        width: 85%;
        bottom: -7%;
        left: 1%;
    }
    .ms_btn.purple{border: 1px solid white;}
    #info .ms_btn.red, .submit_form{
        font-size: 16px;
    }
    .projects_area .ms_btn.view-more {
        width: 55%;
    }
    .card .content {
        min-height: 390px;
    }
    .card .front .footer {
        margin-top: 0px;
    }
    .card .footer a, .projects_moreinfo {
        font-size: 16px !important;
        margin: 0 0 20px 0;
    }
    .slidingVertical div p{font-size: 14px;}
    .banner1, .banner2, .banner3, .banner4{background-image: none;}
    .incentive-slider .item {
        min-height: 550px !important;
        background-position: center bottom;
        background-size: 100%;
        background-color: #150958;
    }
    .incentive-slider .owl-next, .incentive-slider .owl-prev{top: unset !important;bottom: 30px !important;width: 40px !important;height: 40px !important;justify-content: center;}
    .incentive-slider .owl-next i, .incentive-slider .owl-prev i {font-size: 23px;}
    .incentive-slider .owl-prev {
        left: 40% !important;
    }
    .incentive-slider .owl-next{
        right: 35% !important;
    }
    .hero-title h1{font-size: 30px;}
    #info h1 {
        font-size: 35px;
    }
    #info .section_title h5 {
        font-size: 18px;
    }
    .viewmore{
       text-align: center;
       width: 90%;
       margin: 0 auto;
    }
    #info .text-small {
        font-size: 9px !important;
    }
    #info .ms_btn.red{width: 50%;}
    .submit_form {width: 80%;}
    .card .footer a{margin: 10px auto !important;}
    .panel_content span {
        font-size: 13px;
    }
    #info .section_title p{font-size: 14px;line-height: 1.5;}
    .reverse-mobile{
        display: flex;
        flex-direction: column-reverse;
    }
    .usp-container{margin-top: 0%;margin: 0px;}
    .header-btn-container{margin-top: 20px;}
    lottie-player {width: 80px;height: 80px;margin: 10px auto;}
    .usp-container p {
        font-size: 14px;
        width: 90%;
        margin-top: 20px;
    }
    .card .front .footer a{padding: 10px 0;}
    .blue-btn{font-size: 13px;margin: 10px auto 0;}
    .blue-btn span{
        font-size: 20px;
    }
    .animated-masthead{display: none;}
}

@media (max-width:320px) {
     .icon img {
         max-width: 60%;
    }
     .header-area .ms_btn, .header-area .ms_btn:focus, .header-area .ms_btn:hover {
         font-size: 13px;
    }
     .btn_bottom_hero{
        bottom:-55px
    }
     .ms_btn,.ms_btn:focus,.ms_btn:hover{
        font-size:18px;
        padding:10px 25px
    }
     .projects_area .single_service{
        width:100%
    }
     .card .stats-container ul li{
        font-size:15px!important
    }
     .card .header{
        padding:20px 0 0
    }
     .card .stats-container ul li strong{
        font-size:20px!important
    }
     .back .header h3{
        font-size:18px
    }
     .card .stats-container ul li.buildsize_icon,.card .stats-container ul li.room_icon,.card .stats-container ul li.fac_icon,.card .stats-container ul li.others_icon,.card .stats-container ul li.repayment_icon, .stats-container ul li.cert_icon{
        padding-left:40px!important
    }
     .card-container, .front, .back{
        height:710px!important
    }
     .thankyou_text {
         font-size: 1.2em;
    }
    .projects_moreinfo {
        font-size: 14px;
    }
    .panel_content p {
        font-size: 12px;
    }
    .card .footer a {
        width: 70% !important;
    }
}