@media (min-width: 1440px) {
    #main-slider #myCarousel .carousel-inner .carousel-caption{
        margin-top: -40px
    }
}
@media (min-width: 1367px) and (max-width: 1726px){
    #main-slider #myCarousel .carousel-inner .carousel-caption  h1 {
        font-size:3em;
        line-height: 76px;
    }

    #main-slider #myCarousel .carousel-inner img.logo {
        width: 32%
    }
}
@media (min-width:1200px) and (max-width: 1366px){
    #main-slider #myCarousel .carousel-inner .carousel-caption p {
        font-size: 1.2em;
        padding-top: 24px;

    }
    #main-slider #myCarousel .carousel-inner .carousel-caption  h1 {
        font-size: 1.4em;
        line-height: 35px;
    }

    #main-slider #myCarousel .carousel-inner img.logo {
        width: 20%
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption {
        top: 15px;
    }
}
@media (max-width: 1366px){
    #main-slider #myCarousel .carousel-control{
        width:5%
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        padding-left:40px;
        padding-right:40px
    }


}
@media (max-width: 1199px){
    #main-slider #myCarousel .carousel-inner .carousel-caption{
        top: -43px;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:4em;
        line-height: 55px;
        padding-left:40px;
        padding-right:40px
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption a.btn-u-lg{
        font-size:16px;
        padding-left:15px;
        padding-right:15px
    }
    .form-block{
        padding:55px
    }
    #smartwizard .vertical-line{
        margin-top:-60%;
    }
    #smartwizard .icon-car_quote:before{
        font-size:55px
    }
    #smartwizard li a span{
        font-size:18px;
        margin-top:-45px;
    }
    #smartwizard li a span.business_details{
        margin-left:45px !important
    }
    #quoteForm fieldset .form-group.form-md-line-input{
        margin-bottom:42px
    }
}
@media (min-width: 768px) and (max-width: 1200px){
    .header .navbar-nav > li {
        width: auto;
    }
    .header .navbar-nav > li a > span {
        font-size: 0.8em;
    }

    .header .navbar-nav > li{
        /*margin-right: 5px;*/
    }
    .menu-nav .nav-tabs li:nth-child(4).active a,.menu-nav .nav-tabs li:nth-child(8).active a{
        padding-bottom:20px
    }
    .menu-nav .nav-tabs li:nth-child(4)>a:hover,.menu-nav .nav-tabs li:nth-child(4)>a:focus,.menu-nav .nav-tabs li:nth-child(8)>a:hover,.menu-nav .nav-tabs li:nth-child(8)>a:focus{
        padding-bottom:20px
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .caption-outer .caption{
        width:68%;
        padding:5px
    }
    .header .navbar-nav > li {
        min-width: 140px;

    }
    .header .navbar-nav > li>a {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main-slider #myCarousel .carousel-inner .carousel-caption p {
        font-size: 1.2em;
        padding-top: 24px;

    }
    #main-slider #myCarousel .carousel-inner .carousel-caption  h1 {
        font-size: 1.4em;
        line-height: 35px;
    }

    #main-slider #myCarousel .carousel-inner img.logo {
        width: 20%
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption {
        top: 15px;
    }
    #home .panel-body {
        font-size: 0.8em;
    }
}
@media (max-width: 991px){

    .menu-nav .nav-tabs li:nth-child(5).active a,.menu-nav .nav-tabs li:nth-child(7).active a{
        padding-bottom:20px
    }
    .menu-nav .nav-tabs li:nth-child(5)>a:hover,.menu-nav .nav-tabs li:nth-child(5)>a:focus,.menu-nav .nav-tabs li:nth-child(7)>a:hover,.menu-nav .nav-tabs li:nth-child(7)>a:focus{
        padding-bottom:20px
    }
    .sw-nav{
        padding-top:0
    }
    #smartwizard li a{
        font-size:12px
    }
    #smartwizard li a span{
        font-size:18px;
        margin-top:-46px;
        margin-left:30px
    }
    #smartwizard li a span.about_you{
        margin-left:23px
    }
    #smartwizard li a span.business_details{
        margin-left:38px !important
    }
    #smartwizard li a span.vehicle_details{
        margin-left:32px !important
    }
    #smartwizard li a span.your_quotes{
        margin-left:27px !important
    }
    #about{
        padding-top:0
    }
/*    #boxes {
        display:none;
    }*/
}
@media (min-width: 426px) and (max-width: 998px){
    #main-slider #myCarousel .carousel-inner  {
        /*height: 400px;*/
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption p {
        font-size: 1.2em;
        padding-top: 24px;

    }
    #main-slider #myCarousel .carousel-inner .carousel-caption  h1 {
        font-size: 1.4em;
        line-height: 35px;
    }

    #main-slider #myCarousel .carousel-inner img.logo {
        width: 20%
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption {
        top: -20px;
    }
}
@media (min-width: 426px) and (max-width: 992px){
    .caption-outer .caption{
        width:72%;
        padding:5px;
        font-size:12px
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .header .navbar-nav.main-menu-list > li {
        min-width: 112px;
        padding: 0;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:2em;
        line-height:55px;
        min-height:170px;
        padding-left:40px;
        padding-right:40px
    }
    #main-slider #myCarousel .carousel-control{
        width:15%
    }

    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:3.8em;
        padding-left:40px;
        padding-right:40px
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption a.btn-u-lg{
        font-size:12px;
        padding-left:5px;
        padding-right:5px
    }
    #smartwizard .vertical-line{
        margin-top:-75%
    }
    .text-h1{
        font-size:4.4em
    }
}
@media (max-width: 768px){

    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:2em;
        line-height:40px;
        min-height:170px;
        padding-left:40px;
        padding-right:40px
    }
    .form-block{
        /*min-width:350px;*/
    }
    .footer .pre-footer .col-md-4{
        border-right:0px !important;
        border-top:1px solid #d81212
    }
    .footer .pre-footer .col-md-4:first-child{
        border-top:0px
    }
    #profile #profileForm ul li{
        display:inline-block;
        background:#e5edef
    }
    #profile #profileForm ul li i::before{
        font-size:24px;
        padding:4px
    }
    #profile #profileForm ul li.circle{
        width:34px;
        height:34px
    }
    #profile ul [class*='icon-']:before{
        font-size:53px
    }
    .text-h1{
        margin-top:-50%
    }
    #contact iframe{
        width:350px;
        height:250px
    }
    .carousel-indicators{
        display: none;
    }
}
@media (max-width: 767px){
    .visible-xs-block {
        display: none!important;
    }
    .hidden-xs {
        display: block!important;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:2em;
        line-height:55px;
        min-height:170px;
        padding-left:40px;
        padding-right:40px
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption a.btn-u-lg{
        font-size:16px;
        width:80%;
        padding-left:15px;
        padding-right:15px
    }
    #profile fieldset .fieldset-title h3,#profile #brokerForm fieldset .fieldset-title h3{
        text-align:left
    }
    #profile ul.nav-tabs.nav-justified>li{
        display:table-cell
    }
    #profile ul [class*='icon-']:before{
        font-size:40px
    }
    #profile #profileForm .col-md-6.tag-box{
        display:inline-block
    }
    .text-h1{
        line-height:80px;
        margin-top:-105%
    }
    #smartwizard .icon-car_quote:before{
        font-size:40px
    }
    #smartwizard ul.nav-tabs.nav-justified>li{
        display:table-cell
    }
    #smartwizard li a span{
        font-size:12px;
        margin-top:-35px;
        margin-left:0px !important;
        position:absolute;
        top:16px;
        left:46%;
        margin-top:0px !important
    }
    #smartwizard li a span.business_details,#smartwizard li a span.vehicle_details,#smartwizard li a span.your_quotes{
        margin-left:0px !important
    }
    #smartwizard .vertical-line{
        margin-top:0px;
        position:absolute;
        top:12px
    }
    .sw-nav{
        padding-top:150px;
        min-height:80px
    }
    #quoteForm fieldset .form-group.form-md-line-input{
        margin-bottom:0px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid rgba(102, 102, 102, 0.1);		
    }
    #quoteForm fieldset .fieldset-title h3{
        text-align:left
    }
}
@media (min-width: 426px) and (max-width: 767px){
    #main-slider #myCarousel {
        /*margin-top: 179px;*/
    }
    #main-slider #myCarousel .carousel-inner {
        height: 118px;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption {
        top: -44px;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption h1 {
        font-size: 1.2em;
        line-height: 20px;
    }
}
@media (max-width: 671px){
    .text-h1{
        font-size:3.6em
    }
    .img-auto{
        width: auto !important;
    }
}
@media (max-width: 600px){
    h1{
        font-size:32px
    }
    h2{
        font-size:20px
    }
    .left-menu,.right-menu{
        width:270px
    }
    .menu-nav{
        border-bottom:0px
    }
    .show-menu{
        display:block
    }
    .menu-nav .nav{
        display:none
    }
}
@media (max-width: 470px){
    #smartwizard li a{
        font-size:10px;
        padding-left:3px;
        padding-right:3px
    }
}
@media (max-width: 425px){
    .find_reg_num {
        margin-left: 80%;
    }
    .visible-xs-block {
        display: block!important;
    }
    .hidden-xs {
        display: none!important;
    }
    .cookieinfo {
        max-width: 100% !important;
        font-size: 12px !important;
    }
    .icon-policy {
        text-align: center;
    }

    header .header .menu-shortcut{
        padding-left:10px;
        padding-right:10px
    }
    header .header .logo{
        padding-left:5px;
        padding-right:5px
    }
    header .header .phone-login{
        font-size:12px
    }
    header .header .phone-login i::before{
        font-size:16px
    }
    header .header .phone-login .login{
        margin-top:10px
    }
    #main-slider #myCarousel {
        margin-top: 0px;
    }
    #main-slider #myCarousel .carousel-inner img {
        max-width: 100%;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:1.8em;
        line-height:34px;
        padding-left:40px;
        padding-right:40px
    }
    #my-bionic .right-menu{
        right:-400px !important
    }

    #profile .sw-nav{
        min-height:100px
    }
    #profile .sw-main{
        margin-top:-154px
    }
    #profile .sw-main .step-anchor>li>a{
        min-height:100px
    }
    #profile ul.nav-tabs.nav-justified>li{
        display:table-cell
    }
    #profile ul.nav-tabs.nav-justified>li a{
        font-size:10px;
        padding-left:3px;
        padding-right:3px
    }
    #profile ul [class*='icon-']:before{
        font-size:30px
    }
    #reset-password .form-block {
        margin-left: 0;
    }
    #forgotten-password .form-block {
        margin-left: 0;
    }
    .bg-image-v1{
        background-position: 0 !important;
    }

}
@media (max-width: 375px){

    #main-slider #myCarousel .carousel-inner .carousel-caption .da-btn{
        margin-top:-4%
    }

    .text-h1{
        font-size:3.4em;
        line-height:68px
    }
    .caption-outer .caption{
        width:72%
    }
    #profile .sw-nav{
        min-height:90px
    }
    #profile .sw-main{
        margin-top:-151px
    }
    #profile .sw-main .step-anchor>li>a{
        min-height:98px
    }
    #profile ul [class*='icon-']:before{
        font-size:26px
    }
    #profile #profileForm ul{
        padding-left:0
    }
    #profile #profileForm ul li.circle{
        width:27px;
        height:27px
    }
    #profile #profileForm ul li i::before{
        font-size:18px
    }

    .header .navbar-nav .form-block {
        min-width: 250px
    }

    .header .navbar-nav .form-block .form-block-body .input-group input.form-control {
        font-size: 0.8em;
    }
}

/*# sourceMappingURL=responsive.css.map */
@media (max-width: 991px) {
    #home .headline-center h2 {
        line-height: 40px;
    }
}

@media (min-width: 992px) {
    .sw-main .step-anchor>li>a span {
        /* float: left; 
        width: 84%; */
        display: block; 
        width: 100%;
        padding-right: 32px;
    }
    #smartwizard li a span.business_details {
        margin-left: 0
    } 
}
@media (min-width: 375px) and (max-width: 425px) {
    .sw-main .step-anchor>li>a span {
        display: block; 
        width: 100%;
        padding: 2px 70px 0px 0px;
    }
    #login .right-menu {
        width: 300px;
    }
}   
@media (max-width: 425px) {
    #quote_modal fieldset .form-group button {
        font-size: 0.8em;
    }
    .header-under {
        padding-right: 0px !important;
    }
    .findAddress.btn-u {
        padding: 6px 8px;
        font-size: 10px;
        top: 7px;
    }
    .sw-main .sw-container fieldset .form-group .md-radio-inline {
        margin: 5px -29px;
    }
    .form-block {
        padding: 25px 45px;
        margin-top: 25px;
    }
    .right-exit {
        top: -22px;
    }
    .text1, .text2, .text3 {
        margin-bottom: -15px;
    }
    .menu-nav .nav-tabs>li {
        float: none;
        display:inline-block;
    }
    #post .header-v1 {
        line-height: 1.4em;
        font-size: 2.5em;
    }
}

@media (min-width: 375px) and (max-width: 425px) {
    .form-block {
        margin-top: 25px;
        margin-left: 10px;
    }
}

@media (min-width: 375px) and (max-width: 425px) {
    .form-block {
        margin-top: 25px;
        margin-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #smartwizard li a span.business_details  {
        margin-left: 0 !important;
    }

}

@media (max-width: 425px) {

    #main-slider #myCarousel {
        /*margin-top: 125px;*/
    }

    #help .acc-v1 .panel-heading a {
        padding: 25px 15px;
    }

    .header .navbar-nav > li {
        margin-right: 0;
    }

    .step1>h4, .step2>h4 {
        font-size: 1em;
    }

    .step3>h4, .step4>h4 {
        padding-right: 0px;
        font-size: 1em;
    }

    .step1>p, .step2>p  {
        padding-left: 0px;
        padding-top: 20px;
    }

    .step3>p, .step4>p {
        padding-right: 0px;
        padding-top: 20px;
    }

    .step1 {
        background: url(../imgs/main-content/step11.jpg) top no-repeat;
    }
    .step2{
        background:url("../imgs/main-content/step21.jpg") top no-repeat;
    }
    .step3{
        background:url("../imgs/main-content/step31.jpg") top no-repeat;
    }
    .step4{
        background:url("../imgs/main-content/step41.jpg") top no-repeat;
    }



}

@media (min-width: 375px) and (max-width: 425px) {
    #topcontrol {
        bottom: 79px !important;
    }
    #my-bionic .right-menu.logged {
        right: -269px !important;
    }
    .thumbnails-v1 .thumbnail-text {

        top: 59%;  
    }

}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

/* 
    Created on : Sep 28, 2018, 9:59:04 AM
    Author     : Asya Toteva <asya at rainbowgrp.co.uk>
*/
/* 
    Created on : Jul 11, 2017, 2:21:27 PM
    Author     : Asya Toteva <asya at rainbowgrp.co.uk>
*/
@media (max-width: 1199px) {
    .form-block {
        padding: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {


    .navbar-collapse.collapse.in {
        overflow-y: none !important;
    }

    header .header .dropdown-menu {
        position: absolute;
    }

    .header .main-menu-list > li {
        min-width: 107px;
    }

    .navbar-nav .open .dropdown-menu {
        min-width: 300px;
    }
}
@media (min-width: 768px) {
    header .header .navbar-toggle {
        display: none;
    }
    .collapse.navbar-collapse {
        display: none!important;
    }
}
@media (max-width: 767px) {


    .nav.navbar-nav.main-menu-list {
        display: none;
    }

    .navbar .navbar-nav .open .dropdown-menu>.active>a {
        width: 100%;
        border-radius:5px;
        background: rgba(184,13,13,1);
        background: -moz-linear-gradient(top, rgba(184,13,13,1) 0%, rgba(184,13,13,1) 1%, rgba(216,18,18,1) 19%, rgba(216,18,18,1) 51%, rgba(216,18,18,1) 68%, rgba(216,18,18,1) 78%, rgba(184,13,13,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184,13,13,1)), color-stop(1%, rgba(184,13,13,1)), color-stop(19%, rgba(216,18,18,1)), color-stop(51%, rgba(216,18,18,1)), color-stop(68%, rgba(216,18,18,1)), color-stop(78%, rgba(216,18,18,1)), color-stop(100%, rgba(184,13,13,1)));
        background: -webkit-linear-gradient(top, rgba(184,13,13,1) 0%, rgba(184,13,13,1) 1%, rgba(216,18,18,1) 19%, rgba(216,18,18,1) 51%, rgba(216,18,18,1) 68%, rgba(216,18,18,1) 78%, rgba(184,13,13,1) 100%);
        background: -o-linear-gradient(top, rgba(184,13,13,1) 0%, rgba(184,13,13,1) 1%, rgba(216,18,18,1) 19%, rgba(216,18,18,1) 51%, rgba(216,18,18,1) 68%, rgba(216,18,18,1) 78%, rgba(184,13,13,1) 100%);
        background: -ms-linear-gradient(top, rgba(184,13,13,1) 0%, rgba(184,13,13,1) 1%, rgba(216,18,18,1) 19%, rgba(216,18,18,1) 51%, rgba(216,18,18,1) 68%, rgba(216,18,18,1) 78%, rgba(184,13,13,1) 100%);
        background: linear-gradient(to bottom, rgba(184,13,13,1) 0%, rgba(184,13,13,1) 1%, rgba(216,18,18,1) 19%, rgba(216,18,18,1) 51%, rgba(216,18,18,1) 68%, rgba(216,18,18,1) 78%, rgba(184,13,13,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80d0d', endColorstr='#b80d0d', GradientType=0 );
        -webkit-box-shadow: 3px 10px 9px 0px rgba(199,199,199,0.63);
        -moz-box-shadow: 3px 10px 9px 0px rgba(199,199,199,0.63);
        box-shadow: 3px 10px 9px 0px rgba(199,199,199,0.63);
    }
    .navbar .navbar-nav .open .dropdown-menu>.active>a i {
        color: #fff;
    }
    .header .navbar-nav.main-menu-list > li.open {
        max-height: 500px;
        overflow: auto;
        margin-bottom: 30px;
    }
    .header .navbar-nav.main-menu-list > li.open.line-vertical {
        border-left: 0px;
    }
    .form-block {
        /*min-width: auto;*/
    }

    .header .dropdown-menu:before {
        top: 37px;
    }
    .header .navbar-nav.main-menu-list > li {
        border-right: 0px;
        border-bottom: 2px solid #bababa;
        min-width: 108px;
    }
    .header .navbar-nav .open .dropdown-menu {
        margin-top: 10px;
    }

    .right-exit {
        top: 30px;
    }
}
@media (max-width: 425px) {

    #main-slider #myCarousel .carousel-inner .carousel-caption a.btn-u-lg {
        width: 60%
    }


    .header .navbar-nav > li {
        padding: 7px;
    }
    .thumbnails-v1 .thumbnail-text {
        position: static;
        top: auto; 
        left: auto; 
        transform: none; 
    }
    .thumbnails-v1 h3 a {
        color: #d81212;
    }

    #main-slider #myCarousel .carousel-inner .carousel-caption h1 {
        line-height: 55px;
    }
    #info_boxes.mobile {
        display:block;
    }
    #smartwizard.sw-main{
        margin-top:-121px
    }
    .pre-footer img {
        margin: auto;
    }
    .footer-v1 .footer ul.nav.navbar-nav li {
        display: inline-block;
        min-width: 170px;
    }

    .header .navbar-nav.main-menu-list > li {
        min-width: 70px;
        font-size: 0.7em;
    }
    .header .navbar-nav.main-menu-list > li {
        border-bottom: 0px;
    }

    .header .navbar-nav.main-menu-list > li p {
        font-size: 0.8em;
    }
    .header .navbar-nav.main-menu-list > li .dropdown-menu li a.btn-u {
        padding: 5px 9px;
        font-size: 0.8em;
    }
    .header .mega-menu .mega-menu-content li {
        line-height: 2em;
    }
    .header .mega-menu .mega-menu-content h3.title:after {
        top: 12%;
    }
    .icon-box h4 {
        font-size: 1em;
    }
    header .header .logo {
        margin-bottom: 10px;
    }
    .panel.panel-default.slider .panel-body {
        font-size: 0.9em;
        padding: 7px;
    }
    .panel-footer p {
        font-size: 12px;
    }
    #accordion .panel-default>.panel-heading {
        border-radius: 0;
        background: #d81212;
    }
    .cs ul {
        padding-left: 0;
    }
}
@media (min-width: 376px) and (max-width: 425px) {
    .footer-v1 .footer ul.nav.navbar-nav li {
        display: inline-block;
        min-width: 170px;
    }
    header .header .dropdown-menu:before {
        right: 160px;
    }

}
@media (max-width: 320px) {
    #topcontrol {
        bottom: 100px !important;
    }
    #tawkchat-container.over-cookie {
        bottom: 100px !important
    }
    .pre-footer img {
        max-height: 70px;
        margin: auto;
    }
    .footer-v1 .footer ul.nav.navbar-nav li {
        display: inline-block;
        min-width: 140px;
    }
    .footer-v1 .footer ul.nav.navbar-nav li {
        min-width: 140px;
    }
    .icons .panel.panel-default.slider .panel-body {
        font-size: 0.8em;
    }
    #main-slider #myCarousel .carousel-inner img.visible-xs-block {
        height: 320px;
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption a.btn-u-lg {
        margin-top: 20px;
    }

    header .header .dropdown-menu:before {
        right: 115px;
    }
    header .header .logo img {
        max-width: 80%;
    }

    .header .navbar-nav > li {
        padding: 7px 12px;
    }

    .header .navbar-nav > li a > span {
        font-size: 0.8em;
    }

    .header .navbar-header {
        margin-top: -16px;
    }

    .service-block-v4 .service-desc h3 {
        font-size: 38px;
    }


    .right-menu {
        max-width: 300px;
    }

    .menu-slide.right-menu.logged .form-block hr {
        min-width: 50px;
        margin-right: 50px;
        margin-left: 50px;
    }

    #main-slider #myCarousel .carousel-inner .carousel-caption .da-btn{
        /*margin-top:-25%*/
    }
    #main-slider #myCarousel .carousel-inner .carousel-caption div [class*='text']{
        font-size:1.2em;
        line-height:30px;
        padding-left:40px;
        padding-right:40px
    }
    .menu-label{
        font-size:12px
    }
    .phone{
        font-size:11px
    }
    .logo img{
        max-width:115px;
        margin:0
    }
    .text-h1{
        margin-top:-140%
    }
    .caption-outer .caption{
        padding:4px
    }
    #contact iframe{
        width:300px
    }
    #my-bionic .right-menu{
        right:-300px !important
    }
    #login .right-menu {
        width: 300px;
    }
    .d-sm-none {
        display:none;
    }
}

/*# sourceMappingURL=responsive_v2.css.map */