@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Oswald:300,400,700|Poppins:400,600,700');

/* font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif; */

body {
    font-family: 'Oswald', sans-serif;
    line-height: normal;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

img {
    max-width: 100%;
}

a, a:hover {
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
    text-decoration: none;
}

    a:focus {
        text-decoration: none;
        outline: none;
    }

::-webkit-input-placeholder { /* Chrome */
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    color: inherit;
}

::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: inherit;
    opacity: 1;
}

body .container {
    width: 100%;
    max-width: 1170px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none \9;
    -o-appearance: none;
}

    select::-ms-expand {
        display: none;
    }

.sectionwrapper {
    width: 100%;
    float: left;
    clear: both;
}

.pagewrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.pagewrapinn {
    width: 100%;
    float: left;
    background-color: #f8f8fc;
}

.sectiontop {
    width: 100%;
    float: left;
    clear: both;
    background: #f8f8fc;
}

.logotop {
    float: left;
    padding: 13px 0 8px;
}

.headeright {
    float: right;
    text-align: right;
    padding: 38px 0 0;
}

.headernav {
    display: inline-block;
    vertical-align: middle;
}

    .headernav ul {
        margin: 0;
        padding: 0;
    }

        .headernav ul li {
            list-style: none;
            float: left;
            font-weight: 400;
            font-size: 22px;
            position: relative;
            padding: 0 30px 0 0;
        }

            .headernav ul li:after {
                position: absolute;
                left: auto;
                right: 12px;
                content: "|";
                top: 0;
                color: #3d3d3d;
            }


            .headernav ul li a {
                color: #233670;
            }

                .headernav ul li a:hover {
                    color: #67529f;
                }


.rightcontact {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
    font-weight: 400;
    color: #313030;
    font-size: 25px;
}

    .rightcontact a {
        color: #313030;
    }

    .rightcontact i {
        padding: 0 6px 0 0;
    }

    .rightcontact a:hover {
        color: #222222;
    }


.bannerwrapper {
    background-image: url("../images/banner01.jpg");
    background-position: center top;
    background-size: cover;
    min-height: 233px;
    width: 100%;
    float: left;
    position: relative;
}

.topcitylist {
    width: 100%;
    float: left;
    padding: 0 360px 0 0;
}

    .topcitylist h3 {
        font-family: 'Oswald', sans-serif;
        color: #f8f8fc;
        font-size: 33px;
        text-transform: uppercase;
        margin: 35px 0 18px;
        font-weight: 700;
    }

    .topcitylist ul {
        margin: 0;
        padding: 0 55px 0 0;
        float: left;
    }

    .topcitylist li {
        list-style: none;
        font-family: 'Poppins', sans-serif;
        color: #f8f8fc;
        font-size: 15px;
        line-height: 18px;
        text-transform: capitalize;
        font-weight: 700;
    }


.bannerimg {
    position: absolute;
    top: auto;
    bottom: -86px;
    right: 299px;
    left: auto;
}

.tourpackwrapper {
    width: 100%;
    float: left;
    position: relative;
    margin: 98px 0 0;
}

.tourimgwrap {
    float: left;
    width: 61.4%;
    position: absolute;
    left: 0;
    top: 0;
}

.tourcontwrap {
    float: right;
    width: 100%;
    max-width: 700px;
    position: relative;
    z-index: 2;
}

.tourtitle {
    position: relative;
    float: left;
    padding: 0 0 31px 108px;
    margin: 41px 0 0;
}

    .tourtitle:after {
        position: absolute;
        left: auto;
        top: -70px;
        right: -20px;
        content: "1";
        color: #efeff7;
        font-family: 'Poppins', sans-serif;
        font-size: 200px;
        font-weight: 700;
        line-height: 200px;
    }

    .tourtitle h3 {
        font-family: 'Poppins', sans-serif;
        color: #333333;
        font-size: 40px;
        line-height: 48px;
        text-transform: capitalize;
        font-weight: 700;
        margin: 0;
        position: relative;
        z-index: 3;
    }

        .tourtitle h3:before {
            position: absolute;
            left: -95px;
            top: 22px;
            content: "";
            background: #333333;
            width: 91px;
            height: 3px;
        }

        .tourtitle h3 span {
            display: block;
        }

.tourcontbox {
    background: #ebebea;
    width: 100%;
    float: left;
    min-height: 352px;
    position: relative;
    padding: 35px 10px 17px 80px;
}

.tourboximg {
    position: absolute;
    top: auto;
    left: -79px;
    bottom: 11px;
    width: 139px;
}

.tourcontrow {
    width: 100%;
    float: left;
    padding: 0 0 3px;
    color: #666666;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.childcol {
    color: #333333;
}

.itineraryrow .tourcontcol01 {
    color: #333333;
    text-transform: uppercase;
}

.tourcontcol01 {
    float: left;
    max-width: 130px;
    width: 100%;
}

.tourcontcol02 {
    overflow: hidden;
    padding-left: 20px;
    line-height: 24px;
}

    .tourcontcol02 span {
        display: block;
    }

.adultcol {
    color: #67529f;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    font-weight: 700;
    top: -7px;
}

.tourcontcol02 i {
    display: block;
    font-style: normal;
    color: #67529f;
    font-size: 20px;
}

.tourcontcol02 em {
    font-style: normal;
    color: #535353;
    font-weight: 400;
}

.tourcontrow.itineraryrow {
    padding: 10px 0 17px;
}

.itineraryrow a {
    color: #67529f;
    text-transform: uppercase;
    text-decoration: none;
    background: url("../images/linkarrow.png") no-repeat right 6px;
    float: left;
    padding: 0 20px 0 0;
}

    .itineraryrow a span {
        border-bottom: 1px solid #67529f;
    }

    .itineraryrow a:hover {
        opacity: 0.8;
    }

.enquirerow {
    width: 100%;
    float: left;
}

    .enquirerow button, .enquirerow input[type="submit"] {
        background: #cc0808;
        border: none;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        border-radius: 0;
        color: #f8f8fc;
        font-size: 22px;
        padding: 0 16px;
        text-transform: capitalize;
        height: 42px;
        float: left;
    }

        .enquirerow button:hover, .enquirerow input[type="submit"]:hover {
            background: #67529f;
        }

    .enquirerow a {
        background: #cccccc;
        color: #313030;
        float: left;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 20px;
        height: 42px;
        padding: 6px 32px 0;
    }

        .enquirerow a:hover {
            background: #dcdcdc;
        }

.afiliatesrow {
    width: 100%;
    float: left;
    padding: 22px 0 0;
}

    .afiliatesrow span {
        color: #353738;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        float: left;
        font-size: 16px;
        padding: 4px 14px 0 0;
    }

    .afiliatesrow a {
        float: left;
        margin: 0 13px 0 0;
    }

.tourwrapper02 .tourimgwrap {
    float: right;
    left: auto;
    right: 0;
}

.tourwrapper02 .tourcontwrap {
    float: left;
}

.tourwrapper02 .tourtitle {
    float: right;
    padding: 0 132px 10px 0;
    text-align: right;
}

.tourcontwrap02 .tourtitle:after {
    top: -52px;
    right: auto;
    left: -70px;
    content: "2";
}

.tourcontwrap03 .tourtitle:after {
    content: "3";
    right: -50px;
}

.tourcontwrap04 .tourtitle:after {
    top: -52px;
    right: auto;
    left: -86px;
    content: "4";
}

.tourcontwrap05 .tourtitle:after {
    content: "5";
    right: -60px;
    top: -40px;
}

.tourcontwrap05 .tourtitle {
    margin: 10px 0 0;
}

.tourwrapper02 .tourtitle h3:before {
    left: auto;
    right: -116px;
}

.tourwrapper02 .tourboximg {
    right: -79px;
    left: auto;
    bottom: 20px;
}

.tourwrapper02 .tourcontbox {
    padding: 35px 10px 17px 220px;
}

.travelswithus {
    width: 100%;
    float: left;
}

    .travelswithus h3 {
        color: #333333;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 25px;
        margin: 40px 0 51px;
        padding: 7px 0 8px 12px;
        line-height: normal;
        text-transform: uppercase;
        border-left: 5px solid #fed205;
    }

.travelswithbg {
    width: 100%;
    float: left;
    background: #fed205;
}


.withuservicebox {
    width: 33.3%;
    float: left;
    text-align: center;
    margin: -55px 0 0;
}

    .withuservicebox img {
        position: relative;
        top: 20px;
    }

    .withuservicebox p {
        color: #000000;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        padding: 32px 33px 10px;
    }

    .withuservicebox.withbox02 p {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

.footerwrapper {
    background-color: #60489d;
    padding: 16px 0 21px;
}

.footerinner {
    padding: 0 85px;
    width: 100%;
    float: left;
    font-family: 'Oswald', sans-serif;
}

.footercontact {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
}

    .footercontact a {
        color: #ffffff;
        letter-spacing: 0.3px;
    }

        .footercontact a:hover, .footeremail a:hover {
            color: #ffffff;
            opacity: 0.7;
        }

.footeremail {
    float: right;
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
    padding: 0 15px 0 0;
}

    .footeremail a {
        color: #ffffff;
        letter-spacing: 0.3px;
    }

    .footercontact i, .footeremail i, footerlocation i {
        padding: 0 10px 0 0;
    }

.footerlocation {
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
    letter-spacing: 0.3px;
    padding: 9px 0 0;
}

@media only screen and (max-width: 1499px) {
    .rightcontact {
        font-size: 24px;
    }

    .bannerimg {
        right: 230px;
        width: 270px;
        bottom: -34px;
    }

    .topcitylist h3 {
        font-size: 32px;
    }

    .topcitylist ul {
        padding: 0 50px 0 0;
    }

    .topcitylist li {
        font-size: 14px;
    }

    .tourcontwrap {
        max-width: 610px;
    }

    .tourtitle {
        padding: 0 0 10px 108px;
        margin: 10px 0 0;
    }

        .tourtitle h3 {
            font-size: 34px;
            line-height: 42px;
        }

            .tourtitle h3:before {
                width: 80px;
            }

        .tourtitle:after {
            font-size: 160px;
        }

    .tourcontrow {
        font-size: 15px;
    }

    .adultcol {
        font-size: 28px;
        line-height: 30px;
        top: -6px;
    }

    .tourcontcol02 {
        padding-left: 14px;
        line-height: 23px;
    }

    .enquirerow button, .enquirerow input[type="submit"] {
        font-size: 20px;
        padding: 0 15px;
        height: 40px;
    }

    .enquirerow a {
        font-size: 18px;
        height: 40px;
        padding: 6px 28px 0;
    }

    .tourcontcol02 i {
        font-size: 18px;
    }

    .tourboximg {
        width: 130px;
    }

    .tourwrapper02 .tourcontbox {
        padding: 35px 10px 17px 40px;
    }

    .tourpackwrapper {
        margin: 70px 0 0;
    }

    .bannerwrapper {
        margin: 0 0 10px;
    }

    .tourcontwrap04 .tourtitle:after {
        left: -66px;
    }

    .travelswithus h3 {
        font-size: 24px;
        margin: 30px 0 48px;
    }

    .withuservicebox p {
        font-size: 15px;
        line-height: 20px;
    }

    .tourwrapper02 .tourtitle {
        padding: 0 110px 10px 0;
    }

        .tourwrapper02 .tourtitle h3:before {
            left: auto;
            right: -95px;
        }
}

@media only screen and (max-width: 1299px) {
    .tourtitle {
        padding: 0 0 10px 120px;
    }

    .tourwrapper02 .tourtitle {
        padding: 0 120px 10px 0;
    }

    .tourcontwrap {
        max-width: 560px;
    }

    .footercontact, .footeremail {
        font-size: 18px;
    }

    .footerlocation {
        font-size: 22px;
    }

    .footerinner {
        padding: 0 126px;
    }

    .topcitylist h3 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .bannerimg {
        right: 30px;
        width: 220px;
    }

    .topcitylist {
        padding: 0 240px 0 0;
    }

        .topcitylist h3 {
            font-size: 28px;
            margin: 30px 0 15px;
        }

        .topcitylist ul {
            padding: 0 45px 0 0;
        }

        .topcitylist li {
            font-size: 13px;
        }

    .tourpackwrapper {
        margin: 60px 0 0;
        min-height: 220px;
    }

    .logotop a {
        float: left;
        width: 150px;
    }

    .headeright {
        padding: 28px 0 0;
    }

    .headernav ul li {
        font-size: 20px;
        padding: 0 26px 0 0;
    }

    .rightcontact {
        font-size: 22px;
    }

    .tourcontwrap {
        max-width: 500px;
    }

    .tourtitle h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .tourtitle:after {
        font-size: 130px;
    }

    .tourtitle {
        padding: 0 0 10px 130px;
    }

    .tourwrapper02 .tourtitle {
        padding: 0 130px 10px 0;
    }

    .tourcontbox {
        min-height: 160px;
        padding: 30px 10px 10px 40px;
    }

    .tourcontrow {
        font-size: 14px;
        line-height: 20px;
    }

    .adultcol {
        font-size: 22px;
        line-height: 20px;
        top: 0;
    }

    .tourcontcol02 i {
        font-size: 16px;
    }

    .enquirerow button, .enquirerow input[type="submit"] {
        font-size: 18px;
        padding: 0 14px;
        height: 38px;
    }

    .enquirerow a {
        font-size: 16px;
        height: 38px;
        padding: 6px 20px 0;
    }

    .tourboximg {
        width: 110px;
    }

    .tourtitle h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .travelswithus h3 {
        font-size: 20px;
        margin: 30px 0 48px;
    }

    .travelswithus h3 {
        font-size: 20px;
        margin: 20px 0 48px;
    }

    .withuservicebox p {
        font-size: 14px;
        line-height: 20px;
        padding: 30px 10px 9px;
    }

    .footerinner {
        padding: 0 20px;
    }

    .footercontact, .footeremail {
        font-size: 16px;
    }

    .footerlocation {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }

    .tourcontwrap02 .tourtitle:after {
        left: -60px;
    }
}

@media only screen and (max-width: 991px) {
    .logotop a {
        width: 130px;
    }

    .rightcontact {
        font-size: 18px;
    }

    .headernav ul li {
        font-size: 16px;
        padding: 0 20px 0 0;
    }

        .headernav ul li:after {
            right: 8px;
        }

    .bannerimg {
        right: 10px;
        width: 120px;
    }

    .topcitylist {
        padding: 0 100px 0 0;
    }

    .bannerwrapper {
        min-height: 210px;
    }

    .tourpackwrapper {
        margin: 30px 0 0;
    }

    .tourcontwrap {
        max-width: 425px;
    }

    .tourcontbox {
        padding: 20px 0 10px 20px;
    }

    .tourtitle {
        padding: 0 0 10px 150px;
    }

    .tourboximg {
        width: 90px;
    }

    .tourcontrow {
        font-size: 13px;
        line-height: 18px;
    }

    .adultcol {
        font-size: 20px;
        line-height: 20px;
        top: 0;
    }

    .tourcontcol01 {
        max-width: 110px;
    }

    .enquirerow button, .enquirerow input[type="submit"] {
        font-size: 16px;
        padding: 0 12px;
        height: 34px;
    }

    .enquirerow a {
        font-size: 16px;
        height: 34px;
        padding: 6px 10px 0;
    }

    .afiliatesrow span {
        font-size: 14px;
        padding: 5px 10px 0 0;
    }

    .afiliatesrow a {
        margin: 0 10px 0 0;
    }

    .tourtitle:after {
        font-size: 90px;
    }

    .tourtitle h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .tourwrapper02 .tourtitle {
        padding: 0 150px 10px 0;
    }

    .tourwrapper02 .tourcontbox {
        padding: 20px 10px 17px 20px;
    }

    .tourtitle h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .tourcontwrap02 .tourtitle:after {
        left: -40px;
    }

    .tourcontwrap05 .tourtitle:after {
        right: -48px;
    }

    .withuservicebox p {
        font-size: 13px;
        padding: 28px 6px 6px;
    }

    .footerinner {
        padding: 0;
    }

    .footercontact i, .footeremail i, footerlocation i {
        padding: 0 6px 0 0;
    }

    .footercontact a {
        letter-spacing: normal;
    }

    .footerlocation {
        font-size: 18px;
        letter-spacing: normal;
    }

    .topcitylist h3 {
        font-size: 26px;
        margin: 24px 0 14px;
    }
}

@media only screen and (max-width: 767px) {

    /* leftmenu start */

    .fixedbtn {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1030;
    }

        .fixedbtn.topfixedicon {
            position: fixed !important;
            top: 0;
            left: 0;
        }

    .menufixed .navbar-toggle {
        background-color: #2e2154;
        border-color: #2e2154;
        margin: 7px;
        padding: 6px;
        position: relative;
        top: 0;
        z-index: 99999;
    }

        .menufixed .navbar-toggle .icon-bar {
            background: #fff;
        }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
    }

    .headermenu .navbar-inverse .navbar-toggle:focus,
    .headermenu .navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }

    .headermenu .navbar-inverse .navbar-toggle {
        border-color: transparent;
        margin: 0 10px 0 0;
    }

    .headermenu .navbar-inverse .container-fluid {
        padding: 0 15px;
        text-align: center;
        background: #3e3e3e;
    }

    .headermenu .navbar-inverse .navbar-nav li {
        font-size: 14px;
        padding: 0 0 3px 10px !important;
        width: 100%;
        float: left;
        text-align: left;
    }

        .headermenu .navbar-inverse .navbar-nav li:before {
            display: none;
        }

    .menufixed .navbar-toggle .icon-bar {
        background: #fff;
    }

    .headermenu .navbar-inverse {
        background-color: rgba(247,244,244,0.95);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .headermenu .navbar-inverse .navbar-nav > .active > a, .headermenu .navbar-inverse .navbar-nav > .active > a:focus, .headermenu .navbar-inverse .navbar-nav > .active > a:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: #a0321a;
        }

        .headermenu .navbar-inverse .navbar-collapse {
            border: none !important;
        }


    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }

        .side-collapse-container.out {
            left: 200px;
        }

    .headermenu .side-collapse {
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 50px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

    /* leftmenu end */

    .logotop {
        padding: 10px 0 5px;
        width: 100%;
        text-align: center;
    }

        .logotop a {
            display: inline-block;
            width: 100px;
            margin: 0 auto;
            float: none;
        }

    .sectiontop {
        text-align: center;
    }

    .headeright {
        padding: 0;
        width: 100%;
        padding: 0 0 10px;
        text-align: center;
    }

    .topcitylist {
        padding: 0 0 15px 0;
    }

    .bannerimg, .tourboximg {
        display: none;
    }

    .topcitylist ul {
        padding: 0 30px 0 0;
    }

    .bannerwrapper {
        margin: 0;
        min-height: 10px;
    }

    .topcitylist h3 {
        font-size: 24px;
    }

    .tourimgwrap {
        float: left;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
    }

    .tourcontwrap {
        max-width: 100%;
    }

    .tourtitle:after {
        font-size: 90px;
        left: auto !important;
        top: -90px !important;
        right: -30px !important;
    }

    .tourtitle {
        padding: 0 0 6px 90px !important;
    }

        .tourtitle h3:before {
            width: 60px !important;
            left: -70px !important;
            top: 10px !important;
            right: auto !important;
        }

    .tourwrapper02 .tourtitle {
        float: left;
        padding: 0 0 6px 90px;
        text-align: left;
    }

    .withuservicebox p {
        font-size: 12px;
        line-height: normal;
    }

    .footercontact, .footeremail {
        font-size: 14px;
    }

        .footercontact i, .footeremail i, footerlocation i {
            padding: 0 3px 0 0;
        }

    .footerlocation {
        font-size: 15px;
        letter-spacing: normal;
    }

    .tourcontbox {
        border-bottom: 3px solid #67529f;
    }

    .tourpackwrapper {
        margin: 20px 0 0;
    }

    .tourcontwrap04 .tourtitle:after {
        right: -45px !important;
    }
}

@media only screen and (max-width: 639px) {
    .topcitylist h3 {
        font-size: 18px;
    }

    .topcitylist ul {
        padding: 0 15px 0 0;
    }

    .topcitylist li {
        font-size: 12px;
    }

    .withuservicebox img {
        width: 60px;
    }

    .withuservicebox p {
        font-size: 11px;
        padding: 25px 3px 1px;
    }

    .footercontact, .footeremail {
        font-size: 14px;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .footerlocation {
        font-size: 14px;
    }

    .footerwrapper {
        padding: 16px 0 18px;
    }

    .tourtitle:after {
        font-size: 70px;
    }

    .tourtitle h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .tourcontbox {
        padding: 20px 3px 10px 20px;
    }

    .tourcontrow {
        font-size: 12px;
        line-height: 16px;
    }

    .adultcol {
        font-size: 16px;
        line-height: 18px;
        top: 0;
    }

    .adultcol {
        font-size: 16px;
        line-height: 18px;
        top: 0;
    }

    .tourcontcol02 {
        padding-left: 10px;
        line-height: 20px;
    }

    .rightcontact {
        font-size: 18px;
        width: 100%;
        display: block;
        padding: 3px 0 0;
    }

    .headernav ul li:last-child:after {
        display: none;
    }

    .headernav ul li {
        padding: 0 10px;
    }

        .headernav ul li:after {
            right: -2px;
        }
}

@media only screen and (max-width: 479px) {
    .topcitylist h3 {
        font-size: 13px;
        margin: 18px 0 7px;
    }

    .topcitylist ul {
        padding: 0;
        width: 33.3%;
    }

    .tourcontbox {
        padding: 18px 3px 10px 10px;
    }

    .tourcontcol02 {
        padding-left: 0;
        line-height: 18px;
    }

        .tourcontcol02 i {
            font-size: 15px;
        }

    .travelswithus h3 {
        font-size: 18px;
        padding: 3px 0 3px 10px;
        margin: 20px 0 15px;
    }

    .withuservicebox {
        width: 100%;
        margin: 0;
    }

        .withuservicebox p {
            font-size: 12px;
            padding: 5px 10px 12px;
        }

        .withuservicebox.withbox02 p {
            border-left: none;
            border-right: none;
        }

        .withuservicebox img {
            top: 0;
        }
}

.travelswithbg {
    padding: 20px 0 0;
}