@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;

    }

}



@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;

    }

}



@media (max-width: 767px) {

    header,

    header.stick {

        display: none !important;

    }



    .responsive-top-sec {

        width: 100%;

    }



    .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 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;

    }



    .widget.blue1::before {

        height: 121%;

    }



    .responsive-btn {

        margin: 40px 0 12px;

    }



    .responsive-nav {

        margin-bottom: 60px;

    }

}



@media screen and (max-width: 500px) and (orientation: landscape) {

    .responsive-top-sec {

        width: 100%;

    }

}



@media (max-width: 480px) {

    .theme-layout {

        padding-top: 0 !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;*/
        margin-top: 20px;

        /*max-width: 140px;*/
        max-width: 280px;

    }



    .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;

    }



    .widget.blue1::before {

        height: 121%;

    }



    /*== 24 Sep 2016 Waqar ==*/

    .wpb_layerslider_element .ls-v5 .ls-nav-prev, .wpb_layerslider_element .ls-v5 .ls-nav-next {

        transform: scale(.65);

    }



    .wpb_layerslider_element .ls-slide.ls-slide-3 .ls-l {

        left: 30% !important;

    }



    .wpb_layerslider_element .ls-slide-1 .ls-l {

        margin-left: 20px !important;

    }

}