@media (max-width:1200px){
    .price-intro h2{
        padding-left: 0px !important;
        padding-right: 15px !important;
    }
    .plan-banner{
        width: 150px;
    }    
    .plan-banner > span {
        font-size: 16px;
    }
    .plan-banner > h4 {
        font-size: 36px;
    }
    .plan-tour {
        padding-left: 150px;
    }
    .input-field.select label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .input-field {
        padding: 5px;
    }
    .plan-tour {
        min-height: 0;
    }
    .ft-title,.ft-offer {
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }
} 


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

    #site-logo {
        margin: 10px auto;
        display: table;
    }    
    .left-part, .right-part {
        width: 300px;
        text-align: center;
        display: table;
        margin: 0 auto;
        float: none;
    }
    .left-part span,.right-part span {
        width: 100%;
        margin: 0 0 10px 0;
        border: 0;
    }
    .left-part .social-media, .right-part form {
        margin: 0 auto 10px;
        float: none;
        display: table;
        border: 0;
        padding: 0;
    }
    .main-nav {
        display: table;
        //width: 300px;
        width: 55px !important;
        margin: 0 auto;
    }
    .main-nav {
        display: table;
        margin: 0 auto;
        width: 300px;
        z-index: 10000;
        position: relative;
    }
    .main-nav span {
        //background: none repeat scroll 0 0 #454545;
        cursor: pointer;
        height: 40px;
        position: relative;
        width: 100%;
        text-align: center;
        display: block;
        line-height: 36.1px;
        font-size: 35.1px;
        color: #fff;
    }
    .main-nav #main-menu {
        //left: 0;
        right: 17px;
        position: absolute;
        top: 100%;
        display: none;
    }
    #main-menu li {
        margin: 0;
        padding: 10px;
        width: 100%;
        background: rgba(0,0,0,0.8);
    }
    #main-menu li a {
        //padding: 0 20px;
        padding: 1px 98px;
    }
    #main-menu li ul, #main-menu li ul li ul {
        left: 0;
        opacity: 1;
        position: relative;
        width: 100%;
        display: none;
    }
    #main-menu li ul li a, #main-menu li ul li ul li a {
        padding: 10px 20px;
    }
    #main-menu li:hover > ul li:hover ul {
        left: 0;
    }
    .plan-tour {
        padding-left: 0;
        padding-top: 90px;
        background: #FDFDFD;
        border: 1px solid #F0F0F0;
    }
    .plan-banner {
        width: 100%;
    } 
    .plan-banner > span,.plan-banner > h4 {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
        float: left;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .banner-overlay h1.text-upper {
        font-size: 32px;
    }
    .input-field {
        float: left;
        width: 100%;
    } 
    .submit-btn input {
        display: table;
        float: none;
        margin: 0 auto;
        width: 50%;
    }
    .carousel .row > div {
        float: left;
        width: 50%;
    }
    .tl-author{
        width: 100%;
    }
    .foot-box {
        border: 1px solid #D5D5D5;
        margin-bottom: -1px;
        text-align: center;
    }
    .footer-social {
        float: none;
        width: auto;
        display: inline-table;
    }
    #ft-footer{
        background-size: cover;
    }
    .submit-btn {
        padding: 10px;
        float: left;
        width: 100%;
    }
    #slider-overlay{
        height: 0;
    }
    #main-slider{
        height: auto;
    }
    #home-page {
        margin-top: 50px;
    }
    aside#sidebar {
        margin-top: 40px;
    }
    .sidebar-widget .nav-tabs > li {
        text-align: center;
        width: 33.334%;
    }
    .flickr-gal li{
        text-align: center;
    }
    .flickr-gal li img {
        display: inline-table;
    }
    .detail-plans-list li {
        width: 50%;
    }
    .offer-box {
        bottom: 0;
        left: 0;
        position: relative;
    }
    .gallery-list li{
        float: left;
        width: 50%;
    }
    .pricing-table {
        margin-bottom: 30px;
        width: 50%;
    }
    .tables-container{
        margin:0; 
    }
    .pricing-tables-2 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .right-part,
    .contact-email,
    .contact-phone{
        display: none;
    }
    .tp-bullets {
        bottom: 20px !important;
    }
    .side-panel {
        top: 200px;
    }


}
@media (max-width:767px){
    #site-logo {
        margin: 10px auto;
        display: table;
    }    
    .left-part, .right-part {
        width: 300px;
        text-align: center;
        display: table;
        margin: 0 auto;
        float: none;
    }
    .left-part span,.right-part span {
        width: 100%;
        margin: 0 0 10px 0;
        border: 0;
    }
    .left-part .social-media, .right-part form {
        margin: 0 auto 10px;
        float: none;
        display: table;
        border: 0;
        padding: 0;
    }

    .main-nav {
        display: table;
        margin: 0 auto;
        width: 100%;
        z-index: 10000;
        position: relative;
    }
    .main-nav span {
        //background: none repeat scroll 0 0 #454545;
        cursor: pointer;
        height: 40px;
        position: relative;
        width: 100%;
        text-align: center;
        display: block;
        line-height: 36.1px;
        font-size: 35.1px;
        color: #000;
    }

    .main-nav span i{
        margin-top: 24px;
    }

    .main-nav #main-menu {
        //left: 0;
        position: absolute;
        top: 100%;
        display: none;
        right: 0px;
    }



    #main-menu li {
        margin: 0;
        padding: 10px;
        width: 100%;
        background: rgba(0,0,0,0.8);
    }
    #main-menu li a {
        //padding: 0 20px;
        padding: 0px 93px;
    }
    #main-menu li ul, #main-menu li ul li ul {
        left: 0;
        opacity: 1;
        position: relative;
        width: 100%;
        display: none;
    }
    #main-menu li ul li a, #main-menu li ul li ul li a {
        padding: 10px 20px;
    }
    #main-menu li:hover > ul li:hover ul {
        left: 0;
    }
    .banner-overlay {
        padding: 63px 0;
    }
    .banner-overlay h1.text-upper {
        text-align: center;
    }
    .breadcrumb {
        float: none;
        text-align: center;
    }
    .container {
        padding: 0 15px;
    }    
    .plan-tour {
        padding-left: 0;
        padding-top: 90px;
        background: #FDFDFD;
        border: 1px solid #F0F0F0;
    }
    .plan-banner {
        width: 100%;
    } 
    .plan-banner > span,.plan-banner > h4 {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
        float: left;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .input-field {
        float: left;
        width: 100%;
    } 
    .submit-btn input {
        display: table;
        float: none;
        margin: 0 auto;
        width: 50%;
    }
    .carousel .row > div {
        float: left;
        width: 50%;
    }
    .tl-author{
        width: 100%;
    }
    .foot-box {
        border: 1px solid #D5D5D5;
        margin-bottom: -1px;
        text-align: center;
    }
    .footer-social {
        float: none;
        width: auto;
        display: inline-table;
    }
    #ft-footer{
        background-size: cover;
    }
    .foot-boxs {
        padding: 0 15px;
    }
    .submit-btn {
        padding: 10px;
        float: left;
        width: 100%;
    }
    #slider-overlay{
        height: 0;
    }
    #main-slider{
        height: auto;
    }
    #home-page {
        //margin-top: 50px;
        margin-top: 0px;
    }
    aside#sidebar {
        margin-top: 40px;
    }
    .sidebar-widget .nav-tabs > li {
        text-align: center;
        width: 33.334%;
    }
    .flickr-gal li{
        text-align: center;
    }
    .flickr-gal li img {
        display: inline-table;
    }
    .plans-list li {
        width: 50%;
    }
    .offer-box {
        bottom: 0;
        left: 0;
        position: relative;
    }
    .gallery-list li{
        float: left;
        width: 100%;
    }
    .selected-deal, .booking-status {
        border: 0 none;
        float: left;
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
    }
    .pricing-table {
        margin-bottom: 30px;
        width: 100%;
    }
    .tables-container{
        margin:0; 
    }
    .pricing-tables-2 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .right-part,
    .contact-email,
    .contact-phone{
        display: none;
    }
    .tp-bullets {
        bottom: 20px !important;
    }
    .side-panel{
        top: 300px;
    }

}

@media (max-width:480px){
    .banner-overlay h1.text-upper {
        font-size: 24px;
    }
    .carousel .row > div {
        width: 100%;
    }    
    .about-author {
        padding: 110px 20px 20px;
    }
    .author-image {
        left: 50%;
        margin-left: -35px;
    }
    .comment-body {
        padding-left: 0;
        padding-top: 80px;
    }
    .commenter-image {
        left: 50%;
        margin-left: -35px;
    }
    .single-ft-btm li.author-img{
        top: 0;
    }
    .img-wt-border {
        margin-top: 5px;
        width: 50px;
    }
    .single-ft-btm{
        padding-left:  80px;
    }
    .plans-list li {
        width: 100%;
    }
    .error-page .error-text span {
        font-size: 16px;
    }
    .error-page .error-text span.large-text {
        font-size: 24px;
    }

}

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

    .inner-page-nav{
        margin: 54px auto !important;
        float: right !important;
    }
    .clear-sm{ clear: both;}
    .top-fields, .bottom-fields{
        top: -21px;
    }
    .main-features .featured-dest{
        height: 418px;
    }
    .main-nav{
        /*            margin: 92px auto;*/
        margin: 22px auto;
    }
    #site-logo{
        margin: 24px 24px;
    }
    #map{
        height: 715px !important;
        max-height: 715px !important;
        padding: 0px !important;
        border: 0px !important;
    }
    .price-text-box .col-md-8{
        text-align: center;
    }
    .price-text-box img{
        margin: 0 auto;
    }
    .booking-extra-featres-box{
        margin-bottom: 25px;
    }
    .price-intro .img-responsive{
        margin: 0 auto;
    }
    .go-live .img-responsive{
        margin: 0 auto;
    }
    .booking-extra-featres .col-sm-6{

    }
    .pricing-table .btn{
        padding: 4px 18px !important;
    }

}

@media (min-width:300px) and (max-width:480px){
    #map{
        height: 580px !important;
        max-height: 580px !important;
        padding: 0px !important;
        border: 0px !important;
    }
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {


}

@media (min-width:0px) and (max-width:414px) {

    #site-logo{
        margin: 0px auto;
    }

    .main-nav{
        margin: 9px auto;
    }
    .main-nav span i{
        margin-top: 0px;
    }

    .inner-page-nav{
        margin: 25px auto !important;
    }

    .inner-page-nav span i{
        margin-top: 0px;
    }

    .inner-page-logo{
        max-width: 300px;
        width: 300px;
        margin: 0 auto;
    }

    .inside-logo-wrap #site-logo{
        margin: 0px auto;
    }

    .top-fields ul li{
        display: inline-block;
        list-style: none;
        text-align: center;
        margin: 3px;
        background-color: #ffe200;
        padding: 12px;
        width: 50px;
        height: 50px;
        border: 1px solid #e2c901;
    }

    .top-fields ul{
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    .top-fields ul li i{
        font-size: 25px;
    }

    .top-fields, .bottom-fields{
        padding: 0px;
    }

    .bom-contents{
        margin-top: 30px !important;
    }

    .all-features .row{
        margin-top: 0px !important;
    }

    .all-feature-list{
        margin-top: 20px;
    }
    .dark-box-wrapper .col-xs-12{
        padding-left: 15px;
        padding-right: 15px;
    }

    .go-live .col-xs-12{
        padding-left: 15px;
        padding-right: 15px;
    }
    .go-live{
        margin: 50px auto !important;
    }
    .booking-extra-featres{
        margin: 50px auto !important;  
    }
    .price-intro{
        margin-bottom: 50px !important;
    }

}

@media only screen and (min-width: 360px){
    .sell-evrything li{
        font-size: 16px !important;
    } 
}

@media only screen and (min-width: 320px){
    .sell-evrything li{
        font-size: 13px !important;
    }  
}

@media only screen and (min-width: 768px){
    .dark-box-wrapper .col-sm-4{
        padding-left: 15px;
        padding-right: 15px;
    }
    .go-live .col-sm-12, h2{
        padding-left: 15px;
        padding-right: 15px;
    }
    .price-text-box, h3{
        font-size: 28px !important;
    }
    .top-fields ul li{
        display: inline-block;
        list-style: none;
        text-align: center;
        margin: 5px;
        background-color: #ffe200;
        padding: 14px;
        width: 130px;
        height: 63px;
        border: 1px solid #e2c901;
    }

    .top-fields ul{
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    .top-fields ul li i{
        font-size: 34px;
    }

    .top-fields, .bottom-fields{
        padding: 0px;
    }

    #site-logo img{
        width: 315px;
    }

    .bom-contents{
        margin-top: 30px !important;
    }

    .main-nav span{
        width: 90px;
        height: 56px;
        font-size: 62.1px;
    }

}

@media only screen and (min-width: 1024px){
    #site-logo img{
        width: auto;
    } 
    .main-features{
        padding-top: 0px;
    }
    .top-fields, .bottom-fields{
        /*padding: 98px;*/
        margin-top: 255px;
    }
    .bom-contents{
        margin-top: -32px !important;
        /*margin-top: 300px !important;*/
    }
}
@media (min-width: 1024px) and (max-width: 1280px){
    .bom-contents{
        /*margin-top: -32px !important;*/
        margin-top: 300px !important;
    }

    .top-fields, .bottom-fields{
        margin-top:16px !Important;
    }


}

@media only screen and (min-width: 1366px){
    .main-features{
        padding-top: 346px !important;
    }
    .top-fields, .bottom-fields{
        margin-top: 0px;
    }
}

@media(max-width:640px){
    a#site-logo{
        display: flex;
        width: 100%;
        justify-content: center;
        height: auto;  

        margin: 14px 7px;
    }
    .main-nav span i{
        margin-top: 0px;
    }
    a#site-logo img{
        margin-bottom: -11px;
    }
}

@media(max-width:640px) and (min-width:480px){
    .top-fields ul{
        list-style-type: none;
        padding-left: 0px;
        display: flex;
        justify-content: space-evenly;
    }
    .top-fields ul li{
        float:left;
    }
    .top-fields ul li i{
        background-color: #ffe200;
        padding: 12px;
    }
    .main-contents.bom-contents{
        margin-top:10px;
    }   
}

@media(max-width:768px) and (min-width:681px){
    #site-logo {
        margin: 17px 24px -30px !important;
    }
}


.row.top-row{
    display: flex;
    align-items: center;
}

ul.social-media.header-social a[title="Blogger"]{
    transform: translateY(-2px);
}

.right-part.alignright{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
#check-my-booking .alignright{
    display: flex;
    align-items: center;
}

@media(max-width:768px){
    .right-part.alignright{
        display:none !important;
    }
    .right-part-alignright-con{
          display:none !important;
    }
}