@media (max-width: 1200px) {
    .widgets>.row>div:first-child {
        margin-top: 0;
    }

    .widgets>.row>div {
        float: left;
        margin-top: 30px;
    }

    .heading>p,
    .container .heading>p {
        padding: 0 220px;
    }

    .fancy-service:hover .service-detail .theme-btn {
        padding: 16px 24px;
    }

    .calculate-shipping,
    .shippment-guide {
        padding: 60px;
    }

    .shippment-guide>a {
        margin-top: 33px;
    }

    .calculate-shipping-form form .text-field {
        padding-left: 20px;
        padding-right: 9px;
    }

    .shipment-visibility input {
        width: 88%;
    }

    .bottom-line ul>li {
        margin: 0 10px;
    }

    .track-form {
        left: 0;
        width: 100%;
    }

    .track-form>form label {
        width: 65%;
    }

    #about-shipment .shippment-guide {
        padding: 0;
    }

    .packages-info {
        bottom: -70%;
        padding: 35px 30px;
        width: 95%;
    }

    .contact-form>form button {
        padding: 17px 30px;
    }

    .news-detail {
        padding: 50px 30px;
    }

    .fun-fact {
        padding: 37px 20px;
    }

    .fun-fact-slider {
        width: 66.2%;
    }

    .fun-fact>span {
        font-size: 30px;
    }

    .request-quote-body>form label .text-field {
        width: 85%;
    }

    .request-quote-body>form>.row>div {
        width: 100%;
    }

    .shipment-visibility .heading2>h3 {
        font-size: 20px;
    }

    .request-free-quote>.heading2 {
        padding: 32px;
    }

    .request-quote-body {
        padding: 45px 25px;
    }

    .select-box .select2-container {
        width: 100% !important;
    }

    .plan:before {
        border-left: 110px solid transparent;
        border-right: 110px solid transparent;
        border-top: 24px solid #1f425d;
    }

    .cities-detail>h4>a {
        padding: 15px;
    }

    .recent-news-thumb {
        width: 39%;
    }

    .recent-news-desc {
        padding: 10px 20px 10px 140px;
    }

    .recent-news-desc>h2 {
        line-height: 18px;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .banner-detail1 {
        padding: 35px;
    }

    #package-details-tabs .our-packages {
        margin-bottom: 0;
    }

    .quick-contact>ul>li:first-child {
        margin-right: 40px;
    }

    .service-detail>span {
        margin-top: 30px;
    }

    .service-detail>i>img {
        width: 40px;
    }

    .service-detail h3 {
        font-size: 19px;
    }

    header.sticky .quick-contact>ul>li:last-child {
        padding-left: 0;
    }

    .quick-contact>ul>li>a {
        padding: 13px 25px;
    }

    header.sticky .cargo-time {
        margin: 10px 0;
    }

    header.sticky .extra-links {
        margin: 10px 0 10px 25px;
    }

    header.sticky .connect-us {
        margin: 10px 0;
    }

    .shippment-guide>ul {
        margin-top: 6px;
    }

    .widget.blue1 {
        padding: 40px 20px
    }

    .track-form .heading2 {
        padding-right: 30px;
        width: 35%;
    }

    .track-form .heading2>h3 {
        font-size: 15px;
    }

    .members-area {
        padding: 0 50px;
    }

    .member {
        margin-right: 0;
        width: 31%;
    }

    .member.clicked {
        width: 31%;
    }

    .member.clicked .member-detail {
        left: 0;
    }

    .reply {
        padding-left: 190px;
    }

    .reply>img {
        max-width: 33%;
    }

    .gallery1 .row>div {
        float: left;
        width: 33.334%;
    }

    .recent-post-widget .post-meta2>li {
        padding: 0 10px;
    }

    .safe-affordable-cargo>ul {
        margin-top: 30px;
    }

    .region2 .modal-content {
        padding: 30px 0;
    }

    .region2 .modal-body {
        padding: 0;
    }

    .modal-body .close {
        right: 20px;
        top: 20px;
    }

    #region .modal-body {
        padding: 30px;
    }

    #region .modal-body .close {
        top: -10px;
    }

    #submission-message .modal-dialog {
        margin: 0;
        padding: 10px;
        width: 100%
    }

    .modern-services-carousel.style2 .owl-nav {
        left: -250px
    }

    /*===== New Style 25-5-16 =====*/
    .transport-tabs-selector {
        padding: 80px 64px;
    }

    /* Responsive Slider Text Sizes - Tablet */
    #layerslider .ls-slide[style*="font-size:150px"] {
        font-size: 100px !important;
    }

    #layerslider .ls-slide[style*="font-size:250px"] {
        font-size: 150px !important;
        top: 200px !important;
    }

    #layerslider .ls-slide[style*="font-size:70px"] {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    #layerslider .ls-slide[style*="font-size:60px"] {
        font-size: 45px !important;
        line-height: 45px !important;
    }

    #layerslider .ls-slide[style*="font-size:16px"] {
        font-size: 14px !important;
    }

    #layerslider .ls-slide[style*="font-size:15px"] {
        font-size: 14px !important;
    }

    #layerslider .ls-slide[style*="font-size:22px"] {
        font-size: 18px !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    header,
    header.stick {
        display: none !important;
    }

    .theme-layout {
        padding-top: 0 !important;
    }

    .theme-layout.boxed {
        float: left;
        width: 100%;
    }

    .responsive-header {
        display: block;
    }

    .container,
    .block .container,
    .bottom-line .container {
        padding: 0 15px;
    }

    .main-slider {
        margin-top: 0;
    }

    .heading>p,
    .container .heading>p {
        padding: 0 100px;
    }

    .cargo-shipment .col-md-6.layer,
    .cargo-shipment .col-md-6.darkblue {
        float: left;
        width: 100%;
    }

    .padding8 {
        padding: 0;
    }

    .calculate-shipping-form>form>.row>div,
    .cargo-size>.row>div,
    .services1>.row>div,
    .company-benefits>.row>div,
    .padding8>.row>div {
        float: left;
        width: 50%;
    }

    .select-box .select2.select2-container {
        width: 100% !important;
    }

    .simple-services1 {
        margin-top: 30px;
    }

    .services1>.row>div:last-child .simple-services1:before,
    .services1>.row>div:last-child .simple-services1:after,
    .services1>.row>div:last-child .service-box1:before {
        display: block;
    }

    .services1>.row>div:nth-child(1) .simple-services1,
    .services1>.row>div:nth-child(2) .simple-services1 {
        margin-top: 0;
    }

    .calculate-shipping,
    .shippment-guide {
        padding: 60px;
        min-height: initial;
    }

    .company-detail {
        float: left;
        left: 0;
        position: relative;

        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);

        width: 100%;
    }

    .company-intro {
        margin-bottom: 0;
    }

    .blog-post-carousel,
    footer .widget {
        margin-bottom: 30px;
    }

    .widget.blue1:before {
        height: 200%;
        left: -20%;
        top: -30px;
        width: 140%;
    }

    footer>section>.container>.row>div>.row>div.col-md-4 {
        float: left;
        width: 100%;
    }

    .post-thumb {
        width: 50%;
    }

    .post-info {
        padding: 60px 40px;
        width: 50%;
    }

    .shipment-visibility:after {
        background-size: cover;
        background-position: center;
    }

    .overlape3 {
        margin-top: 0;
    }

    .track-form>form label {
        margin-right: 0;
        width: 100%;
    }

    .track-form>form .theme-btn {
        margin-top: 10px;
        padding: 17px 30px;
    }

    .top-margin>.row>div {
        float: left;
        width: 50%;
    }

    .packages-info {
        float: left;
        padding: 35px 40px;
        position: relative;
        width: 100%;
    }

    .cargo-numbers {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

    .contact-form>form>.row>div {
        float: left;
        width: 50%;
    }

    .contact-form>form>.row>div.col-md-7 {
        margin-left: -49%;
    }

    .terms-services {
        margin-top: 30px;
    }

    .contact-form>form>.row>div.col-md-5 {
        float: right;
        margin-top: -4%;
    }

    .company-benifits2 {
        margin-bottom: 50px;
    }

    .project-detail {
        padding: 30px;
    }

    .fun-fact-slider {
        float: left;
        position: relative;
        width: 100%;
    }

    .fun-fact-slider>.row>div {
        float: left;
        width: 33.334%;
    }

    .request-quote-body {
        padding: 45px;
    }

    .request-quote-body>form>.row>div {
        float: left;
        width: 50%;
    }

    .request-quote-body>form>.row>div.col-md-12 {
        width: 100%;
    }

    .request-free-quote .heading2 {
        padding: 45px 45px 30px 57px;
    }

    .post-info {
        padding: 40px;
    }

    .region {
        margin-top: 30px;
    }

    .select-plan {
        padding: 0;
    }

    .chart-detail>.row>div {
        float: left;
        width: 50%;
    }

    .gallery5-carousel {
        padding: 0 40px;
    }

    .gallery5-carousel-controls>.row>div,
    .gallery-photos .row>div {
        float: left;
        width: 33.334%;
    }

    .gallery6-page>.row>div {
        width: 100%;
    }

    .gallery6>.row>div,
    .our-packages2>.row>div {
        float: left;
        width: 50%;
    }

    .gallery6>.row>div.col-md-12,
    .blog-list-main>.row>div {
        width: 100%;
    }

    .blog-detail-main>.row>div {
        width: 100%;
    }

    .recent-news-thumb {
        width: 39%;
    }

    .recent-news-desc {
        padding: 30px 30px 30px 345px;
    }

    .banner-detail1 {
        padding: 70px;
    }

    .packages-details-main>.row>div {
        width: 100%;
    }

    .get-quote-form2>form>.row>div,
    .get-quote-form>form>.row>div {
        float: left;
        width: 100%;
    }

    .get-quote-form2>form>.row>div.col-md-6,
    .get-quote-form>form>.row>div.col-md-6 {
        width: 50%;
    }

    .company-projects-list>ul li:first-child:nth-last-child(4),
    .company-projects-list>ul li:first-child:nth-last-child(4)~li,
    .company-projects-list>ul li:first-child.active:nth-last-child(4),
    .company-projects-list>ul li:nth-last-child(4)~li.active {
        width: 50% !important;
    }

    .responsive-header .quick-contact>ul>li:last-child {
        padding-left: 60px;
        margin: 0;
    }

    .quick-contact>ul>li:first-child {
        margin-right: 0px;
    }

    .cargo-time {
        margin: 10px 0;
    }

    .connect-us {
        margin: 10px 0;
    }

    .quick-contact li>img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .responsive-quick-contact .quick-contact>ul {
        margin: 15px 0;
    }

    .responsive-nav {
        padding: 15px 0;
    }

    .half-parallax .parallax {
        height: 100%;
    }

    .bottom-line ul {
        display: inline-block;
        float: none;
    }

    .bottom-line {
        text-align: center;
    }

    .bottom-line span {
        margin: 20px 0;
    }

    .bottom-line ul>li>a {
        padding: 20px 0;
    }

    .slide-icon:before {
        font-size: 9px;
        left: 10px;
    }

    .members-area {
        float: left;
        width: 100%;
    }

    .member {
        width: 100%;
    }

    .member.clicked {
        width: 100%;
    }

    .member-thumb {
        width: 100%;
    }

    .member-thumb>img {
        width: 100%;
    }

    .member.clicked .member-detail {
        display: block;
        height: 100%;
    }

    .information .contact-form {
        margin-top: 30px;
    }

    .safe-affordable-cargo>ul {
        margin-top: 30px;
    }

    .main-carousel-cap>h1 {
        font-size: 40px;
    }

    .main-carousel-cap>h5 {
        padding: 16px 30px;
    }

    .plan.active {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .about-shipment-thumb {
        margin-top: 30px;
    }

    .gallery1 .row>div {
        float: left;
        width: 50%;
    }

    .our-packages2 .our-packages {
        margin-bottom: 0;
        min-height: 508px;
    }

    .project-detail-img>strong {
        bottom: auto;
        right: 30px;
        top: 245px;
    }

    .project-info {
        float: left;
        height: auto;
        position: relative;
        width: 100%;
    }

    .project-overview-detail {
        margin-top: 30px;
    }

    .booking-form>form>.row>div {
        float: left;
        width: 100%
    }

    .modal-dialog {
        padding: 10px;
        position: relative;
        width: 100% !important;
    }

    .region2 .modal-dialog,
    .region2 .modal-dialog1,
    #calculate-form-popup .modal-dialog2 {
        width: 95%;
    }

    .calculate-form-popup .cargo-shipment {
        width: 100%
    }

    .column-title {
        margin-bottom: 40px
    }

    .modern-services-carousel.style2 .owl-nav {
        bottom: auto;
        height: 0;
        left: 0;
        margin: 0;
        top: 50%;
        width: 100%
    }

    .modern-services-carousel.style2 .owl-nav>div {
        background: #efefef;
        margin-top: -20px
    }

    .request-free-quote.overlape2 {
        margin: 0
    }

    .view-all-vertical {
        bottom: 0;
        float: left;
        left: 0;
        margin-top: 30px;
        position: relative;
        right: auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    /*===== New Style 25-5-16 =====*/
    .transport-tabs-selector,
    .transport-tabs-content {
        width: 100%;
    }

    .transport-tabs-selector>ul>li {
        width: 25%;
    }

    .transport-tabs-selector {
        padding: 80px;
    }

    /*===== New Style 31-5-16 =====*/
    .zero-counters>.row>div,
    .zero-counters3>.row>div,
    .zero-counters4>.row>div {
        float: left;
        margin-bottom: 0;
        width: 50%;
    }

    .zero-counters .counter-styles::before {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    .zero-counters3>.row,
    .zero-counters4>.row {
        margin-top: -30px;
    }

    .zero-counters3 .counter-styles,
    .zero-counters4 .counter-styles {
        margin-top: 30px;
    }

    .zero-counters4 .counter-styles {
        padding-top: 20px;
    }

    .zero-counters4 .counter-styles>i {
        left: auto;
        position: static;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .progressbars-style {
        margin-bottom: 50px;
    }

    .messagebox {
        padding: 30px;
    }

    .message-title>h3 {
        line-height: initial;
        padding: 27px;
    }

    .messagebox-style2 p {
        padding: 30px;
    }

    .messagebox-style3 .messagebox {
        padding: 30px 30px 30px 50px;
    }

    .news-box.news-list>.news-thumb {
        margin-right: 30px;
    }

    .news-box.news-list .news-detail {
        margin-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }

    .search-bar>form input[type="text"] {
        width: 71.6%;
    }

    .error-page::before {
        left: -120px;
    }

    .error-page::after {
        right: -140px;
    }

    /*===== New Demo 4-6-16 =====*/
    .progress-chartsec {
        margin-bottom: 90px;
    }

    .teamchoose-sec .top-margin {
        margin-bottom: 30px;
    }
}


@media (max-width: 767px) {

    header,
    header.stick {
        display: none !important;
    }

    .theme-layout {
        padding-top: 0 !important;
    }

    .theme-layout.boxed {
        float: left;
        width: 100%;
    }

    .responsive-header {
        display: block;
    }

    .container,
    .block .container,
    .bottom-line .container {
        padding: 0 15px;
    }

    .main-slider {
        margin-top: 0;
    }

    /* Responsive Slider Text Sizes - Mobile & Tablet */
    #layerslider .ls-slide[style*="font-size:150px"] {
        font-size: 60px !important;
        top: 200px !important;
        left: 20px !important;
    }

    #layerslider .ls-slide[style*="font-size:250px"] {
        font-size: 100px !important;
        top: 150px !important;
        left: 220px !important;
    }

    #layerslider .ls-slide[style*="font-size:70px"] {
        font-size: 35px !important;
        line-height: 38px !important;
    }

    #layerslider .ls-slide[style*="font-size:60px"] {
        font-size: 32px !important;
        line-height: 35px !important;
    }

    #layerslider .ls-slide[style*="font-size:22px"] {
        font-size: 16px !important;
    }

    #layerslider .ls-slide[style*="font-size:16px"] {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    #layerslider .ls-slide[style*="font-size:15px"] {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    #layerslider .ls-slide[style*="font-size:13px"] {
        font-size: 11px !important;
    }

    #layerslider .slide-icon {
        padding: 12px 25px !important;
        font-size: 11px !important;
    }

    #layerslider .slide-btn {
        padding: 12px 25px !important;
    }

    .main-slider .ls-slide>a,
    .main-slider .text-normal {
        font-size: 12px !important;
    }

    .heading>p,
    .container .heading>p {
        padding: 0 50px;
    }

    .padding8 {
        padding: 0;
    }

    .services1>.row>div,
    .company-benefits>.row>div,
    .padding8>.row>div,
    .cargo-size>.row>div {
        float: left;
        width: 50%;
    }

    .cargo-shipment .col-md-6.layer,
    .cargo-shipment .col-md-6.darkblue {
        float: left;
        width: 100%;
        padding: 0
    }

    .calculate-shipping,
    .shippment-guide {
        padding: 60px;
        min-height: initial;
    }

    .calculate-shipping-form>form>.row>div {
        float: left;
        width: 50%;
    }

    .select-box .select2-container {
        width: 100% !important;
    }

    .simple-services1 {
        margin-top: 30px;
    }

    .services1>.row>div:nth-child(1) .simple-services1,
    .services1>.row>div:nth-child(2) .simple-services1 {
        margin-top: 0;
    }

    .company-detail {
        float: left;
        left: 0;
        position: relative;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        width: 100%;
    }

    .company-intro {
        margin-bottom: 0;
    }

    .blog-post-carousel,
    footer .widget {
        margin-bottom: 30px;
    }

    .widget.blue1:before {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%
    }

    footer>section>.container>.row>div>.row>div.col-md-4 {
        float: left;
        width: 100%;
    }

    .post-thumb {
        width: 100%;
    }

    .post-info {
        padding: 65px 40px;
        width: 100%;
    }

    .bottom-line ul>li>a {
        padding: 10px 0;
    }

    .shipment-visibility:after {
        background-size: cover;
        background-position: center;
    }

    .packages-info {
        padding: 35px 20px 20px;
        bottom: 10px;
        float: left;
        position: relative;
        width: 100%;
    }

    .packages-info:before {
        display: none;
    }

    .contact-form>form>.row>div.col-md-7 {
        margin-left: -49%;
    }

    .contact-form>form>.row>div.col-md-5 {
        float: right;
        margin-top: -4%;
    }

    .cargo-numbers {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

    .contact-form>form>.row>div {
        float: left;
        width: 50%;
    }

    .company-benifits2 {
        margin-bottom: 50px;
    }

    .overlape3 {
        margin-top: 0;
    }

    .track-form {
        border-top: 0 none;
        padding: 30px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .track-form>form label {
        margin-right: 0;
        width: 100%;
    }

    .track-form>form .theme-btn {
        margin-top: 10px;
    }

    .track-form>form {
        margin-top: 30px;
        width: 100%;
    }

    .track-form .heading2 {
        width: 100%;
    }

    .our-packages {
        margin-bottom: 30px;
    }

    .member,
    .member.clicked {
        width: 100%;
    }

    .fun-fact-slider {
        float: left;
        position: relative;
        width: 100%;
    }

    .fun-fact-slider>.row>div {
        float: left;
        margin-bottom: 1px;
        width: 50%;
    }

    .request-quote-body>form>.row>div,
    .select-plan>.row>div {
        float: left;
        width: 50%;
    }

    .request-quote-body>form>.row>div.col-md-12 {
        width: 100%;
    }

    .select-plan {
        padding: 0;
    }

    .region {
        margin-top: 30px;
    }

    .services-page>.row>div,
    .our-packages2>.row>div,
    .team-page>.row>div {
        float: left;
        width: 50%;
    }

    .chart-detail>.row>div {
        float: left;
        width: 100%;
    }

    #services-detail-tabs .nav {
        margin-top: -1px;
        position: relative;
    }

    #services-detail-tabs .nav>li {
        margin-top: 1px;
        text-align: center;
        width: 50%;
    }

    #services-detail-tabs {
        padding: 10px;
    }

    .gallery5-carousel {
        padding: 0;
    }

    .gallery5-carousel-controls>.row>div {
        float: left;
        width: 33.334%;
    }

    .gallery-photos>.row>div {
        float: left;
        width: 33.334%;
    }

    .recent-news-desc {
        padding: 30px 30px 30px 270px;
    }

    .banner-detail1 {
        padding: 55px;
    }

    .packages-info:before {
        display: none
    }

    .packages-info>a {
        margin-top: 20px;
    }

    .packages-info .nav {
        bottom: -10px;
        left: 50%;
        position: relative;

        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .get-quote-form2>form>.row>div,
    .get-quote-form>form>.row>div {
        float: left;
        width: 100%;
    }

    .get-quote-form2>form>.row>div.col-md-6,
    .get-quote-form>form>.row>div.col-md-6 {
        width: 50%;
    }

    .company-projects-list>ul li:first-child:nth-last-child(4),
    .company-projects-list>ul li:first-child:nth-last-child(4)~li,
    .company-projects-list>ul li:first-child.active:nth-last-child(4),
    .company-projects-list>ul li:nth-last-child(4)~li.active {
        width: 50% !important;
    }

    .project-detail {
        padding: 30px;
    }

    .quick-contact>ul>li:first-child {
        margin-right: 0px;
    }

    .cargo-time {
        margin: 10px 0;
    }

    .connect-us {
        margin: 10px 0;
    }

    .quick-contact li>img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .responsive-quick-contact .quick-contact>ul {
        margin: 15px 0;
    }

    .responsive-nav {
        padding: 15px 0;
    }

    .half-parallax .parallax {
        height: 100%;
    }

    .bottom-line ul {
        display: inline-block;
        float: none;
    }

    .bottom-line ul>li {
        float: none;
        display: inline-block;
    }

    .bottom-line {
        text-align: center;
    }

    .bottom-line span {
        margin: 20px 0;
    }

    .bottom-line ul>li>a {
        padding: 20px 0;
    }

    .padding8 .fancy-service {
        margin-top: 10px;
    }

    .padding8 {
        margin-top: -10px;
    }

    .responsive-top-sec {
        opacity: 0;
        position: absolute;
        top: -100%;
        visibility: hidden;
    }

    .responsive-top-sec.active {
        opacity: 1;
        top: 0;
        visibility: visible;
    }

    .top-sec-btn {
        display: inline-block;
    }

    .slide-icon:before {
        font-size: 7px;
        left: 10px;
    }

    .members-area {
        float: left;
        margin-top: -10px;
        width: 100%;
    }

    .member {
        width: 100%;
    }

    .member.clicked {
        width: 100%;
    }

    .member-thumb {
        width: 100%;
    }

    .member-thumb>img {
        width: 100%;
    }

    .member.clicked .member-detail {
        display: block;
        height: 100%;
    }

    .information .contact-form {
        margin-top: 30px;
    }

    .safe-affordable-cargo>ul {
        margin-top: 30px;
    }

    .main-carousel-cap {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
        float: left;
        padding: 30px;
        position: relative;

        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    .main-carousel-cap img {
        width: 50%;
    }

    .main-carousel-cap>h1 {
        font-size: 35px;
    }

    .main-carousel-cap>h5 {
        font-size: 15px;
        padding: 16px 25px;
    }

    .plan.active {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .loc-thumb.post-thumb,
    .about-shipment-thumb {
        margin-top: 30px;
    }

    .comment-info>i {
        width: 100%;
    }

    .comment {
        padding-left: 0;
        padding-top: 230px;
    }

    .comment>img {
        left: 50%;
        top: 25px;

        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .comment-detail {
        padding: 30px;
        text-align: center;
    }

    .comment-info>h6 {
        margin-right: 0;
        width: 100%;
    }

    .comment-info>a {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }

    .reply>img {
        max-width: 70%;
    }

    .comment-main ul ul {
        padding-left: 0;
    }

    .comment-main ul ul li {
        margin-top: 30px;
    }

    .comment-main ul ul li::before {
        border-bottom: 10px solid #f1f1f1;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        content: "";
        left: 50%;
        position: absolute;
        top: -7px;

        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .gallery1 .row>div {
        float: left;
        width: 50%;
    }

    .gallery6>.row>div {
        float: left;
        width: 100%;
    }

    .gallery6>.row>div.col-md-6 {
        width: 50%;
    }

    .our-packages2 .our-packages {
        margin-bottom: 0;
        min-height: 508px;
    }

    .project-detail-img>strong {
        bottom: auto;
        right: 30px;
        top: 245px;
    }

    .project-info {
        float: left;
        height: auto;
        position: relative;
        width: 100%;
    }

    .project-overview-detail {
        margin-top: 30px;
    }

    .simple-services1:before,
    .simple-services1:after,
    .service-box1:before {
        display: none
    }

    .post-meta2>li {
        padding: 5px 0;
        width: 100%
    }

    .post-meta2>li:before {
        display: none
    }

    .booking-form>form>.row>div {
        float: left;
        width: 100%
    }

    .packages-info>.nav-tabs>li {
        display: inline-block;
        float: none
    }

    .packages-info>.nav-tabs {
        text-align: center
    }

    .region2 .modal-dialog1,
    #calculate-form-popup .modal-dialog2 {
        width: 95%;
    }

    #calculate-form-popup .modal-body2 {
        padding: 60px 40px;
    }

    .column-title {
        margin-bottom: 40px
    }

    .modern-services-carousel.style2 .owl-nav {
        bottom: auto;
        height: 0;
        left: 0;
        margin: 0;
        top: 50%;
        width: 100%
    }

    .modern-services-carousel.style2 .owl-nav>div {
        background: #efefef;
        margin-top: -20px
    }

    .request-free-quote.overlape2 {
        margin: 0
    }

    .view-all-vertical {
        bottom: 0;
        float: left;
        left: 0;
        margin-top: 30px;
        position: relative;
        right: auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    /*===== New Style 25-5-16 =====*/
    .transport-tabs-selector,
    .transport-tabs-content {
        width: 100%;
    }

    .transport-tabs-selector>ul>li {
        width: 33.334%;
    }

    .transport-tabs-selector {
        padding: 80px;
    }

    /*===== New Style 31-5-16 =====*/
    .zero-counters>.row>div,
    .zero-counters3>.row>div,
    .zero-counters4>.row>div {
        float: left;
        width: 50%;
    }

    .zero-counters .counter-styles::before {
        background: #fff none repeat scroll 0 0;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    .zero-counters3>.row,
    .zero-counters4>.row {
        margin-top: -30px;
    }

    .zero-counters3 .counter-styles,
    .zero-counters4 .counter-styles {
        margin-top: 30px;
    }

    .zero-counters4 .counter-styles {
        padding-top: 20px;
    }

    .zero-counters4 .counter-styles>i {
        left: auto;
        position: static;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .progressbars-style {
        margin-bottom: 50px;
    }

    .messagebox {
        padding: 30px;
    }

    .message-title>h3 {
        line-height: initial;
        padding: 27px;
    }

    .messagebox-style2 p {
        padding: 30px;
    }

    .messagebox-style3 .messagebox {
        padding: 30px 30px 30px 50px;
    }

    .news-box.news-list>.news-thumb {
        margin-right: 30px;
    }

    .news-box.news-list .news-detail {
        margin-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }

    .search-bar>form input[type="text"] {
        width: 71.6%;
    }

    .error-page::before,
    .error-page::after {
        display: none;
    }

    .error-page .notfound-content>h3 {
        font-size: 200px;
    }

    .error-page .notfound-content>h3 img {
        max-width: 150px;
    }

    .error-page .notfound-content>strong {
        font-size: 28px;
    }

    /*===== New Demo 4-6-16 =====*/
    .progress-chartsec {
        margin-bottom: 90px;
    }

    .teamchoose-sec .top-margin {
        margin-bottom: 30px;
    }
}


@media (max-width: 480px) {
    .theme-layout {
        padding-top: 0 !important;
    }

    /* Responsive Slider Text Sizes - Extra Small Mobile */
    #layerslider .ls-slide[style*="font-size:150px"] {
        font-size: 40px !important;
        top: 180px !important;
        left: 15px !important;
    }

    #layerslider .ls-slide[style*="font-size:250px"] {
        font-size: 70px !important;
        top: 120px !important;
        left: 160px !important;
    }

    #layerslider .ls-slide[style*="font-size:70px"] {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    #layerslider .ls-slide[style*="font-size:60px"] {
        font-size: 26px !important;
        line-height: 28px !important;
    }

    #layerslider .ls-slide[style*="font-size:22px"] {
        font-size: 14px !important;
    }

    #layerslider .ls-slide[style*="font-size:16px"] {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    #layerslider .ls-slide[style*="font-size:15px"] {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    #layerslider .ls-slide[style*="font-size:13px"] {
        font-size: 10px !important;
    }

    #layerslider .slide-icon {
        padding: 10px 20px !important;
        font-size: 10px !important;
    }

    #layerslider .slide-btn {
        padding: 10px 20px !important;
        font-size: 10px !important;
    }

    #layerslider img.ls-slide[style*="width:712"] {
        width: 400px !important;
        max-width: 90vw !important;
    }

    .responsive-quick-contact .quick-contact>ul>li {
        width: 100%;
        margin: 10px 0;
    }

    .responsive-top-bar .cargo-time {
        float: left;
        width: 100%;
    }

    .responsive-top-bar {
        text-align: center;
    }

    .responsive-top-bar .connect-us {
        width: 100%;
    }

    .responsive-top-bar .connect-us>ul {
        display: inline-block;
        float: none;
    }

    .responsive-logo .logo img {
        margin-top: 0;
        max-width: 230px;
    }

    .responsive-logo .logo span {
        font-size: 16px;
    }

    .gallery1>.row>div {
        width: 100%;
    }

    .heading>p,
    .container .heading>p {
        padding: 0;
    }

    .heading>h2 {
        font-size: 28px;
    }

    .services1>.row>div,
    .company-benefits>.row>div,
    .padding8>.row>div {
        width: 100%;
    }

    .heading8>h3 {
        font-size: 24px
    }

    .calculate-shipping-form>form>.row>div {
        width: 100%;
    }

    .cargo-size {
        margin-top: 0;
    }

    .shippment-guide>ul>li,
    .get-quote-form2>form .row div.col-md-6,
    .get-quote-form>form .row div.col-md-6 {
        width: 100%;
    }

    .services1>.row>div:nth-child(2) .simple-services1 {
        margin-top: 30px;
    }

    .member.clicked .member-detail {
        left: 0;
        height: 100%;
        display: block;
    }

    .customer-detail {
        float: left;
        width: 100%;
        margin-top: 30px;
    }

    .select-plan>.row>div {
        width: 100%;
    }

    .overlape2 {
        margin-top: 30px;
    }

    .fun-fact-slider>.row>div {
        width: 100%;
    }

    .cargo-packages-list>li {
        width: 100%;
    }

    .request-quote-body>form>.row>div {
        width: 100%;
    }

    .plan:before {
        border-left: 120px solid transparent;
        border-right: 120px solid transparent;
        border-top: 40px solid #1f425d;
    }

    .blog-post-carousel .owl-nav {
        top: -90px;
    }

    .services-page>.row>div,
    .our-packages2>.row>div,
    .team-page>.row>div {
        width: 100%;
    }

    #services-detail-tabs .nav>li {
        width: 100%;
    }

    .comment {
        padding: 10px;
    }

    .comment>img {
        position: relative;
    }

    .gallery-detail1 {
        bottom: 0;
        padding: 30px;
        position: relative;
        width: 100%;
    }

    .gallery5-carousel-controls>.row>div {
        width: 50%;
    }

    .services-info>h2 {
        font-size: 20px;
    }

    .blog-list .post-meta2 {
        padding: 30px;
    }

    .recent-news-desc {
        margin-top: 20px;
        padding: 20px;
        position: relative;

        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    .recent-news-thumb {
        width: auto;
    }

    blockquote,
    .shipment-visibility {
        padding: 35px;
    }

    .shipment-visibility input {
        width: 85%;
    }

    .our-packages2 .our-packages {
        margin-bottom: 0;
    }

    .packages-info>.nav-tabs>li {
        margin-bottom: 10px;
    }

    .team-detail-info {
        padding: 50px 30px;
    }

    #map-canvas {
        height: 300px;
    }

    .company-projects-list>ul li:first-child:nth-last-child(4),
    .company-projects-list>ul li:first-child:nth-last-child(4)~li,
    .company-projects-list>ul li:first-child.active:nth-last-child(4),
    .company-projects-list>ul li:nth-last-child(4)~li.active {
        width: 100% !important;
    }

    .slide-icon:before {
        display: none;
    }

    .track-form .heading2>h3 {
        line-height: 22px;
    }

    .members-area {
        padding: 0;
    }

    .member-detail {
        float: left;
        padding: 30px 20px;
        position: relative;
        visibility: visible;
        width: 100%;
    }

    .member-thumb .member-info {
        display: none;
    }

    .service-box1>h5,
    .title2>h2 {
        font-size: 28px;
    }

    .contact-form>form>.row>div {
        width: 100%;
    }

    .contact-form>form>.row>div.col-md-7 {
        margin-left: 0;
    }

    .contact-form>form>.row>div.col-md-5 {
        margin-top: 10px;
    }

    .news-detail {
        padding: 50px 20px 30px;
    }

    .toggle-item>h3>span {
        right: 15px;
    }

    .toggle-item>h3 {
        padding-left: 30px;
    }

    .main-carousel {
        margin-top: 0;
    }

    .responsive-top-bar .cargo-time {
        padding-top: 30px;
    }

    .loc-thumb.post-thumb {
        margin-top: 30px;
    }

    .top-sec-btn {
        height: 25px;
        line-height: 25px;
        width: 25px;
    }

    .main-carousel-cap>h1 {
        font-size: 20px;
    }

    .main-carousel-cap>h5 {
        font-size: 12px;
        padding: 13px 20px;
    }

    .main-carousel-cap {
        padding: 30px 20px;
    }

    .request-free-quote .heading2>h3 {
        font-size: 12px;
    }

    .calculate-shipping {
        padding: 60px 40px;
    }

    .post-info {
        padding: 30px 20px
    }

    .cities-carousel {
        padding: 0 50px;
    }

    .track-form>form>label input {
        width: 85%;
    }

    .bottom-line ul>li>a {
        padding: 10px 0;
    }

    .comment-detail {
        padding: 40px 15px;
    }

    .reply>img {
        max-width: 70%;
    }

    .gallery1 .row>div,
    .gallery6>.row>div.col-md-6 {
        width: 100%;
    }

    .our-packages2 .our-packages {
        min-height: initial;
    }

    #package-details-tabs .packages-info>h2 {
        font-size: 14px;
        text-align: left;
    }

    .banner-detail1 {
        padding: 10px;
    }

    #region .modal-body {
        padding: 30px 15px;
    }

    .project-detail-img>strong {
        font-size: 11px;
        padding: 6px 15px;
        right: 20px;
        top: 20px;
    }

    .company-values>li {
        width: 100%;
    }

    .project-info {
        padding: 30px;
    }

    .delivered-info>li {
        padding: 20px 10px;
        text-align: center;
    }

    .delivered-info>li strong {
        float: left;
        left: auto;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
    }

    .delivered-info>li span {
        width: 100%;
    }

    .project-overview-detail .title2>h2 {
        font-size: 15px;
    }

    .cargo-size>.row>div {
        width: 100%;
        margin-bottom: 10px
    }

    .cargo-size>.row>div {
        margin-bottom: 10px;
        width: 100%
    }

    .total {
        padding: 0
    }

    .total>h4 {
        float: left;
        left: 0;
        margin-bottom: 10px;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }

    .calculate-shipping,
    .shippment-guide {
        padding: 60px 30px
    }

    .heading3>h2:before {
        display: none
    }

    .shipment-visibility {
        padding: 40px 25px
    }

    .track-form .heading2>img {
        margin-right: 20px;
        width: 50px
    }

    .modal-dialog {
        margin: 0;
        width: 100%;
    }

    .modal-content1 {
        padding: 20px;
    }

    .signup-form>button {
        left: 0;
        top: 0;
    }

    #calculate-form-popup .modal-body2 {
        padding: 60px 20px;
    }

    .sign-in label .text-field {
        width: 89%;
    }

    /*===== New Style 25-5-16 =====*/
    .transport-tabs-selector>ul>li {
        width: 100%;
    }

    .transport-tabs-selector {
        padding: 50px;
    }

    .transport-tabs-content {
        padding: 20px;
    }

    .transport-tabs-content .tab-content {
        padding: 50px 25px;
    }

    /*===== New Style 31-5-16 =====*/
    .zero-counters>.row>div,
    .zero-counters3>.row>div,
    .zero-counters4>.row>div {
        width: 100%
    }

    .progressbars-style>h2,
    .messageboxes-page>h3 {
        font-size: 20px;
    }

    .progressbars-style3>ul>li {
        max-width: 100%;
    }

    .page-title>h3 {
        font-size: 25px;
    }

    .messagebox-style3 .messagebox>i {
        display: inline-block;
        left: 0;
        margin-bottom: 30px;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .messagebox-style3 .messagebox {
        padding: 30px;
    }

    .messagebox-style3 {
        padding-left: 0;
    }

    .tabs1 .nav-tabs>li {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .tabs1 .tab-content {
        padding: 30px;
    }

    .tabs2 .nav>li {
        margin-right: 0;
        width: 100%;
    }

    .tabs2 .tab-content .tab-pane {
        padding: 30px;
    }

    .tabs3 {
        padding: 30px;
    }

    .tabs-styles .nav>li {
        margin-right: 0;
        width: 100%;
    }

    .tabs4 {
        padding: 30px;
    }

    .tabs4>.nav {
        margin-right: 0;
        max-width: 100%;
    }

    .tabs4>.nav li {
        width: 100%;
    }

    .bg-layer,
    .dropcap-style12 {
        padding: 30px;
    }

    .track-sec {
        margin-top: 30px;
    }

    .notfound-content>span {
        padding: 20px;
    }

    .notfound-content>span::before {
        height: 106%;
        left: -3px;
        top: -3px;
    }

    .news-box.news-list .news-detail {
        float: left;
        padding-left: 30px;
    }

    .search-bar>form input[type="text"] {
        width: 100%;
    }

    .search-bar>form .theme-btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .notfound-content>h3 {
        font-size: 50px;
    }

    .notfound-content>h3 img {
        margin-top: -10px;
        max-width: 60px;
    }

    .notfound-content>strong {
        font-size: 22px;
    }

    .error-page .notfound-content>h3 {
        font-size: 90px;
    }

    .error-page .notfound-content>h3 img {
        margin-right: 20px;
        max-width: 70px;
    }

    .error-page .notfound-content>strong {
        font-size: 20px;
    }

    /*===== New Demo 4-6-16 =====*/
    .dark-title.style2>h3 {
        font-size: 25px;
    }

    .growbusiness-tabs>.nav-tabs>li {
        margin-right: 0;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
    }

    .growbusiness-tabs>.nav-tabs>li:last-child {
        margin-bottom: 0;
    }

    .growbusiness-tabs .tab-content .tab-pane>ul li {
        width: 100%;
    }

    .news-detail .post-meta2>li>i {
        float: none;
    }

    .toggle-style4 .content {
        padding: 0 30px;
    }

    .toggle-style4 .toggle-item>h3 {
        line-height: 30px;
    }

    .main-video-cap {
        position: relative;
        top: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        left: 0;
        padding: 30px 15px;
        background: rgba(0, 0, 0, .5);
    }

    .featured-video>video {
        height: 300px;
    }

    .main-video-cap>span {
        font-size: 14px;
    }

    .main-video-cap>h1 {
        font-size: 50px;
    }

    .main-video-cap>h1 small {
        font-size: 40px;
    }

    .main-video-cap>p {
        color: #fff;
    }

    .top-margin.style2 {
        padding: 0 0 30px;
        margin-top: 0;
        background: none;
    }

    .progress-data>span {
        font-size: 25px;
        color: #777 !important;
    }

    .progress-data>i {
        font-size: 12px;
    }

    .char-data {
        margin-left: 0;
        max-width: 100%;
    }

    .char-bars {
        margin-left: -210px;
    }
}