.selectnav { display: none; }
.showmobile {display:none;}

@media screen and (max-width: 1024px) {
.grid {padding:0px;}
}
/* small screen */
@media screen and (max-width: 800px) {

.rightareaheader {float:none;}
.showmobile {display:block;}
.rightareaheader {padding-bottom:0px;}
.titlehead {text-align:center;}
.royalheader {line-height:35px;}
.royalheader h1 {line-height: 30px;}
.royalcontent {margin-bottom:0px;}
.introboxfirst, .introboxmiddle, .introboxlast {border:0px;}
.list_carousel li {min-width:320px !important;max-width:100%;}
.list_carousel .carousel_nav {top:-55px;}
.actionbutton {display:block;}

.wrapaction {background:none;border:0px;}
#nav ul li a {margin-bottom:20px;}
.option-set {padding-bottom:-30px;}
body {border-top:3px solid #444;}
.back-top a {display:none;}
.faqstitle {font-size:13px;}
div.timelineMajor {margin:0px;width:100%;padding-left: 10px;}
.timelineMajor h2 {margin:0!important;padding:0px!important;background:none;margin-bottom: 10px !important;margin-top: 20px !Important;}
.timelineMajor h2 span {padding:0;}
dl.timelineMinor {margin:0!important;padding:0!important;width:100%;}
.timelineMinor dt {margin: 0!important;padding: 0!important;white-space: nowrap;margin-bottom: 10px !Important;}
.timelineMinor dd {	padding-left:0px;}
.timelineEvent p {margin:0px;}
.timelineEvent h4 {margin:0px;padding:0 !important;}
.timelineEvent blockquote {padding:0px;width:100%;}
.timelineEvent blockquote * {width:100%;}
.timelineEvent ul.moreInfo {	width:100%;}
.timelineEvent ul.moreInfo li {	margin:0 !important;padding:0 !important;}
.timelineEvent div.media {width:100%;}
.timelineMinor dt {white-space:normal;background:none;}
a.expandAll {padding: 10px;}
#pricing-table .plan {width:100%;}
.mosaicover2col {height: 185px;}
.boxcontainer2col {height: 280px;}
.boxtwocolumns {height:280px;}
}

@media screen and (max-width: 600px) {
.boxthreecolumns, .boxtwocolumns, .boxfourcolumns, .boxfivecolumns {width:100%;}
.da-slide .da-img {top:224px;}
.da-slide h2 {font-size:15px;top:10px; line-height: normal;}
.da-slide p {width:80%;font-size:15px;top:90px;height:130px;}
.da-slide .da-link {font-size:15px;}

}

@media screen and (min-width: 650px) and (max-width: 1024px) {
.mosaic-block {height:158px;}
.mosaicover4col {height:110px;}
.boxcontainer2col {height:250px;}
.boxtwocolumns {height:260px;}
.titlehead {text-align:left;}
.actionbutton {display:block;}

}

@media screen and (min-width: 1200px) and (max-width: 1300px){
    .new-header nav li{
        font-size: 15px;
    }
}
@media screen and (min-width: 1051px) and (max-width: 1199px){
    .new-header {
        grid-template-columns: 150px 1fr 250px;
        gap: 10px;
        padding: 0 15px;
    }
    .new-header nav li{
        font-size: 13px;
    }
}

@media screen and (max-width: 1050px){
    .js #responsivemenu { display: none; }
    .js .selectnav {padding: 10px; border-radius: 7px; display: block;background: #01a0ea;color: #fff; font-size:15px;border: 1px solid #01a0ea;max-width: 100%; margin-bottom: 0;}
    nav {float:none;}
    .new-header {
        gap: 10px;
    }
    .top-nav a{
        font-size: 25px;

    }
    .top-nav .c6.text-left{
        text-align: left !important;
    }
    .top-nav .c6.text-right{
        text-align: right !important;
    }
    .new-header nav{
    align-items: center;
    display: flex;
}
    .da-slide h2 {font-size:25px;line-height: normal;top: 0;}

    .introboxinner p{
        font-size: 25px !important;
    }
    .vuzz-pricing-header h5{
        font-size: 15px !important;
    }
    .vuzz-pricing-table > div{
        border-bottom: none !important;

    }
}

@media screen and (max-width: 800px){
    .top-nav a{
        font-size: 18px;

    }

    .top-nav .c6{

        margin-bottom: 5px;
    }


    .new-header .brand-logo{
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .dvla-main{
        top: 0;
    }
    .new-header {
        padding: 10px 15px;
    }
    .da-slide h2 {font-size:20px;line-height: normal;}
    .introboxinner p{
        font-size: 20px !important;
        line-height: normal;
    }
    .introbox{
        margin-bottom: 0 !important;
    }
    .vuzz-pricing-header h5{
        font-size: 15px !important;
    }

}

@media screen and (max-width: 768px){
    .new-header {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 0 15px;
    }
    .top-nav .c6.text-left,
    .top-nav .c6.text-right{

        text-align: center !important;
    }
    .introbox{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 500px){
    .slick-h2 {
        background: #01a0ea;
        /* background: rgba(0, 0, 0, 0.3); */
        text-wrap: balance !important;
        color: #fff;
        width: 100%;
        margin-bottom: 0;
        font-size: 16px;
        /* display: inline; */
        text-align: center;
        top: 0;
        margin-top: 0;
        white-space: nowrap;
        z-index: 10;
        font-weight: 800;
        /* margin-left: 18px; */
        text-transform: uppercase;
        padding: 15px;
        line-height: 25px;
    }
}