@media only screen and (min-width: 1200px) {

    .viewrates-wrapper {
        background: url("../images/black-trans.png") repeat;
    }
    .slider-container .slider-in, .slider-container{
        width: 916px!important;
    }
}

@media only screen and (max-width: 1200px) {
    .slider-container {
        position: static;
    }

    .slider-container .slider-in, .slider-container, .caroufredsel_wrapper {
        width: 970px!important;
        height: 467px;
    }

    .slider-container .slider-in {
        float: left;
        display: block;
    }

    .viewrates-wrapper {
        position: static;
    }

    .enquiry-wrapper, .viewrates-wrapper  {
        width: 100%;
        height: auto;
        padding: 17px 0; 
        float: left;
        display: block;
    }

    .show-messages {
        width: 100%;
        height: 100%;
    }

    .enquiry-wrapper {
        padding: 17px 96px;
    }

    .email-wrapper {
        width: 426px;
    }

    .social-media { 
        width: 506px;
    }

    .quick-links ul { 
        width: 350px;
    }

    .quick-links ul li {
        width: 175px;
    }

    .radio-wrap {
        margin-right: 35px;
    }

    .pickup-location {
        width: 211px;
    }

    .pickup-date-time {
        width: 293px;
        margin-left: 30px;
    }

    .pickup-date, .pickup-date-wrap  {
        width: 180px;
    }

    .return-date-wrap {
        width: 213px;
        margin-left: 30px;
    }

    .vehicle-type-wrap {
        width: 535px;
    }

    .enqui-btn-wrapper {
        width: 213px;
        margin-left: 30px;
    }

    .vehicle-type-wrap {
        margin-top: 13px;
    }

    .viewrates-inner {
        width: 100%;
        height: auto;
    }

    .viewrates-icons li {
        width: 242px;
        float: left;
        display: inline;
        padding-bottom: 0;
        border: 0;
        border-right: #5f5f5f 1px solid;
    }

    .viewrates-icons {
        width: 728px;
        float: left;
        display: inline-block;
    }

    .viewrates-btn {
        position: static;
        float: right;
        margin-right: 36px;   
        margin-top: 20px;

    }

    .hm-service-wrapper .service {
        width: 232px;
        height: 317px;
    }

    .hm-service {
        width: 100%;
        height:auto;
        float: left;
        display: block;
        margin-top: 30px;
    }

    .vehicle-fleet-wrapper .vehicle-fleet {
        width: 312px;
        height: auto;
    }

    .tmp-3-box {
        width: 230px;
        height: auto;
    }

    .tmp-3-box .rates-left, .tmp-3-box .rates-right {
        width: 100%;
    }

    .contact-left {
        margin-top: 40px;
        padding-right: 0;
    }

    #desktopmap {
        width: 100%;
    }
    .mobilemenu-wrapper {
        display: block;
    }

    .menu-wrapper ul {
        display: none;
    }

    .menu-wrapper ul li {
        width: 100%;
        display: block;
        border-top: 1px solid #5b5b5b;
        margin-right: 43px;
    }

    .menu-wrapper ul li a {
        width: 100%;        
        padding: 0 15px;
        height: 42px;
        display: block;
        line-height: 42px;
    }

    .menu-wrapper ul ul li a {
        padding: 0 0 0 50px;
    }


    .menu-wrapper ul li:hover ul {
        display: none;
    }

    .menu-wrapper .dropdwn-btn {
        display: block;
    }

    .mobilemenu-wrapper  {
        color: #dbdbdb;
        line-height:44px; 
        font-family:"open_sansbold";
        text-transform: uppercase;
    }

    .menu-wrapper ul ul li a, .menu-wrapper ul li.selected li a {
        padding: 0 0 0 40px;
    }
    .menu-wrapper ul ul {
        width: 100%;
        position: relative;
        right: 0;
        left: 0;
        top: 0;
    }
    .menu-wrapper ul ul li{
        width: 100%;

    }
    .menu-wrapper ul li{
        padding-right: 0;
    }
}

@media only screen and (max-width: 990px) {
    .touristboard-logo {
        display: none;
    }

    .contact-number {
        width: auto;
        border-right: 0;
        margin-right: 0;
    }
    
    
    .menu-wrapper ul li {
        margin-right: 35px !important;
        padding-right: 0px;
        height: auto;
        float: left;
    }
    .menu-wrapper ul.mobilemenu {
        display: none;
        padding: 0;
    }
    .slider-container .slider-in, .slider-container, .caroufredsel_wrapper {
        width: 750px!important;
        height: 361px;
    }

    .email-wrapper {
        width: 312px;
    }

    .social-media { 
        width: 398px;
    }

    .social-media .social-txt {
        font-size: 18px;
        text-indent: 22px;
    }

    .email-wrapper a {
        margin-left: 17px;
    }

    .quicklinks, .address {
        padding-left: 35px;
    }

    .quick-links ul {
        width: 282px;
    }

    .quick-links ul li {
        width: 141px;
    }

    .footer-bottom {
        height: auto;
        line-height: 20px;
        padding: 10px 0;
    }

    .footer-bottom .copywrite, .footer-bottom .siteby {
        text-align: center;
    }

    .enquiry-wrapper {
        padding: 17px 15px;
    }

    .pickup-date-time {
        width: 264px;
    }

    .pickup-date, .pickup-date-wrap {
        width: 145px;
    }

    .return-date-wrap {
        width: 185px;
    }

    .vehicle-type-wrap {
        width: 504px;
    }

    .enqui-btn-wrapper {
        width: 186px;
    }

    .enqui-submit-btn {
        font-size: 14px;
        text-align: left;
        text-indent: 10px;
    }

    .viewrates-icons {
        width: 573px;
    }

    .viewrates-icons li {
        width: 190px;
    }

    .hm-service-wrapper .service {
        width: 177px;
        height: auto;
        margin-right: 3px;
    }

    .hm-service-wrapper .service .img-wrapper {
        width: 177px;
        height: 241px
    }

    .hm-service-wrapper .service .link-wrapper, .hm-service-wrapper .service .img-wrapper {
        position: static;
    }

    .vehicle-fleet-wrapper .vehicle-fleet {
        width: 238px;
    }

    .device-header {
        width: 235px;
        height: 45px;
        line-height: 45px;
        background: #1579a1;
        color: #FFF;
        font-size: 11px;
        padding:0 20px; 
        float: left;
        border-bottom: 0;
    }

    .device-header a {
        color: #FFF;
    }

    .sidenav-wrapper {
        position: relative;
    }

    .sidenav-wrapper .nav-header {
        width: 485px;
        float: left;
        height: 45px;
        line-height: 45px;
        color: #FFF;
        background: #30ade0;
        font-size: 11px;
        padding: 0 20px;
        text-transform: uppercase;
        display: block;    
    }

    .side-nav {
        width: 485px;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 45px;
        z-index: 999;
        display: none;
    }

    .side-nav  li a{
        background:#1579a1;
        color: #b6e9fe;
        border-bottom: #73afc7 1px solid;
        padding: 13px 20px;
    }

    .side-nav  li a:hover, .side-nav li.active a {
        background:#b6e9fe;
        color: #1579a1;
        box-shadow: none;
    }

    .left-nav-wrapper {
        margin-bottom: 60px;
    }

    .tmp-3-box { 
        width: 238px;
    }

    .side-nav ul li {
        border-left: 0;
    }
    
}


@media only screen and (max-width: 767px) {
    .header-top {
        font-size: 9px;
    }
    .header-top div {
        text-align: center;
    }

    .header-top ul {
        float: none;
        text-align: center;
        margin: 20px auto 0;
    }
    .header-top ul li {
        margin:0 6px;
    }

    .header-middle .logo {
        text-align: center;
        width: 100%;
    }

    .header-middle .logo img {
        width: 300px;
        height: auto;
    }

    .header-mid-right {
        width: 140px;
        float: none;
        margin: 0 auto;
    }

    

    .slider-container .slider-in, .slider-container, .caroufredsel_wrapper {
        width: auto!important;
    }

    .slider-txt {
        position: static;
        padding: 7px 0;
        background: #323232;
        text-align: center;
    }

    .email-wrapper {
        width: 100%;
    }

    .social-media { 
        width: 100%;
    }

    .social-media .social-txt  {
        font-size: 15px;
        line-height: 16px;
        padding-top: 20px;
        padding-left: 15px;
        text-indent: 0;
    }

    .email-wrapper a {
        font-size: 15px;
    }

    .footer-top {
        padding: 0;
    }

    .quick-links ul { 
        width: 100%;
    }

    .quick-links ul li {
        width: 50%;
    }

    .quicklinks, .address {
        padding-left: 15px;
    }

    .services, .quicklinks, .address {
        height: auto;
        float: left;
        display: block;
    }

    .quicklinks, .address {
        border-left: 0;
    }

    .selvice-links {
        border-bottom: 1px solid #858585; 
        padding-bottom: 30px;       
    }

    .address-inner {
        width: 100%;
        border-top: 1px solid #858585; 
        padding-top: 30px;
        margin-top: 30px; 
        float: left;
        display: block;
    }

    .services {
        margin-bottom: 30px;
    }

    .footer-middle {
        padding-bottom: 0;
    }

    .pickup-location {
        width: 100%;
    }

    .pickup-date-time, .return-date-wrap, .vehicle-type-wrap {
        margin-left: 0;
        width: 100%;
    }

    .pickup-date-wrap {
        width: 50%; 
        float: left;
    } 

    .pickup-time-wrap {
        width: 44%;
        float: right;
    }

    .pickup-date {
        width: 100%;
    }

    #hours_chosen, #minuts_chosen {
        width: 47%!important;
        padding: 0;
        text-indent: 10px;
    }

    #hours_chosen,#minuts_chosen, #hours, #minuts {
        width: 48%;
    }

    #minuts_chosen {
        float: right;
    }

    .pickup-time-wrap {
        margin-left: 6%;
    }

    .pickup-time-wrap label {
        width: 100%;
        float: left;
        display: block;
    }

    .enqui-btn-wrapper {
        width: 100%;
        margin-left: 0;
    }

    .viewrates-icons {
        width: 100%;
    }

    .viewrates-icons li {
        width: 33%;
        border: 0;
    }

    .viewrates-btn {
        width: 100%;
        margin-right: 0;
    }

    .viewrates-inner {
        padding: 0 15px;
    }

    .hm-service-wrapper .service, .hm-service-wrapper{
        width: 100%;
        height: auto;
    }

    .hm-service-wrapper .service {
        margin: 0 0 4px 0;
    }

    .hm-service-wrapper .service .link-wrapper a {
        background: url("images/readmore-arrow-gray.png") no-repeat scroll right 20px;
    }

    .vehicle-fleet-wrapper .vehicle-fleet {
        width: 100%;
    }
    .vehicle-fleet-wrapper .link-wrapper {
        padding: 0 15px;
    }

    .hm-service-wrapper .service .link-wrapper {
        background: #48505d;
        height: 54px;   
    }

    .main-home-bottom-inner {
        margin: 40px 0;
    }

    .tmp-2-wrapper .tmp-2-box .readmore {
        position: static;
        float: left;
    }

    .tmp-2-wrapper .content {
        height: auto;
    }

    .tmp-2-wrapper .content {
        float: left;
        display: block;
    }

    .header-block .share-this {
        position: static;
        width: 100%;
        float: left;
        display: block;
        margin-bottom: 10px;
    }

    .device-header, .sidenav-wrapper .nav-header, .side-nav{
        width: 100%;
        float: left;
    }

    .side-nav {
        position: static;
    }

    .tmp-3-box {
        width: 100%;
        height: auto;
    }

    .self-drive-link {
        width: 100%;
        margin-top: 20px;
    }

    .main .right-content {
        float: none;
    }

    .magazine-wrapper .name, .magazine-wrapper .date, .magazine-wrapper {
        width: 100%;
    }

    .news-wrapper {
        margin: 40px 0 30px ;
    }

    .pagin-top .pagination, .pagin-bottom .pagination {
        right: auto;
        left: 0;
    }

    .contactform-wrapper  {
        margin-top: 35px;
    }

    .testim-txt {
        height: auto;
    }

    .tmp-3-box .rates-left, .tmp-3-box .rates-right {
        height: auto;
    }

    .news-wrapper .news-block .img-wrapper {
        width: 100%;
        height: auto;
    }

    

    .destin-childlinks, .destin-childlinks li {
        width: 100%;
        height: auto;
        float: left;
        display: block;
    }

    .destin-childlinks li a, .destin-childlinks li span {
        width: 100%!important;
        height: auto;
        padding: 7px 0;
        float: left;
        display: block;
        text-align: center;
        border:0;
        border-bottom: #FFF 1px solid;
    }
    .topRightNav{display: none;}
    .menu-wrapper ul>li{
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100% !important;
    }
}


@media only screen and (max-width: 480px) { 
    .social-media .social-txt  {
        width: 150px;
    }

    .header-middle .logo img {
        width: 100%;
        height: auto;
    }

    .button-row input.reset, .button-row input.submit {
        width: 100px;
        height: 33px;
    }
}

@media print
{ 
    .main .right-content{width:100%;}
    header,footer{display: none;}
    .breadcrumb-wrapper {display: none;}
    .enq-link {display: none;}
    .left-nav-wrapper {display: none;}
    .header-block .share-this {display: none;}
    .rates td{font-size: 12px;}
}

/*buses and vans page*/
@media only screen and (max-width: 1199px)
{
    .tmp-3-box.full-width .content{float: none;width: 100%;}
    .tmp-3-box.full-width .content .bus-van-descript{height: 110px;}
    .tmp-3-box.full-width .img-wrapper-div {float: none;width: 100%;}
} 
@media only screen and (max-width: 767px)
{
    .tmp-3-box.full-width .img-wrapper-div div{width: 100%;float: none;padding: 0px;}
    .tmp-3-box.full-width .img-wrapper-div div img{width: 100%;}
    .tmp-3-box.full-width .content .bus-van-descript{height: 136px;}
    .tmp-3-box.full-width .img-wrapper-div div:nth-of-type(1){padding: 0px 0px 5px 0px;}
}

@media only screen and (max-width: 479px)
{
    .tmp-3-box.full-width .content .bus-van-descript{height: 165px;}
    .tmp-3-box.full-width .img-wrapper-div div:nth-of-type(1) {padding: 0px 0px 2px 0px;}
}  

@media only screen and (max-width: 380px)
{
    .tmp-3-box.full-width .content .bus-van-descript{height: 180px;}
}