/*=====================================================================================================*/
@media only screen and (max-width:480px){
    body{background-image: none;background-color: #a6c1e8;}
    header h1 {    font-size: 20px; }
    .search a{ background-image: none; background: #00a59a; width: 100%; display: block; padding: 8px 0;}
    .main-content { padding: 45px; }
    .main-content p { float: none !important;width: 100%;text-align: center;}
    .border-dash:last-child{ display: none; }
    .contact h2 { background: #00a59a; width: 100%; }
    .detail-inner-head h1 { padding: 50px }
    .detail-inner a{ color: #00a59a; top: 10px; left: 40%; }
}


/*=====================================================================================================*/
@media only screen and (min-width:480px) and (max-width:767px){
    .col-xsl-6{ width: 50%; float: left; }   
    
}
/*=====================================================================================================*/
@media only screen and (max-width:767px){
    .navbar-default .navbar-toggle {display: block;}
    footer ul{ margin-bottom: 30px; }
    footer button{ margin-bottom: 30px; }
    .main-head .col-md-10 {padding-right: 15px;}
    .destination-div-right .btn-div {top: -18px;left: 50%;}
    .destination-div {padding: 10px 10px 0 20px;}
    .destination-div-left .main-head .col-md-9 {padding-right: 15px;}
    .detail-inner-content .col-md-4{ margin-bottom: 30px; }
    .vacation .col-md-3:nth-child(3n+1) {clear: none;}
    .vacation .col-md-3:nth-child(2n+1) {clear: both;}
}

/*=====================================================================================================*/
@media only screen and (max-width:992px){
    .carousel{ margin-top: 30px; }
    .sub-footer h1{ text-align: center; line-height: 40px;}
    .side-item {margin-bottom: 50px;}
    .about-side .side-item{ margin-bottom: 30px; }
    .slide-container .col-md-7 {padding-right: 15px; margin-bottom: 30px; }
    .slide-container .carousel-inner {border-right: 10px solid #fff;}
    .slide-container .col-md-5 {padding-left: 15px;}
    .destination-div-right img {position: static;padding: 0 !important;}    
    .destination-div-left .main-head img{ padding: 8px 20px !important; }
    .destination-inner {max-height: 100% !important;}   
    .vacation-slide .col-md-5{ padding-right: 15px; }
    .vacation-slide .col-md-7{ padding-left: 15px; }
    .vacation-slide .slide-left { border-right: 10px solid #fff; }
}

   
/*=====================================================================================================*/
@media only screen and (min-width:992px) and (max-width:1200px){    
    .social { margin-bottom: 20px; }
    .social ul { margin: 10px 0;}
    .search a { margin-bottom: 15px; }
    .forp { margin-bottom: 14px;}
    .side-item {margin-bottom: 83px;}
    .main img { right: 0; padding: 9px 5px; }
    .about-right-head { margin-bottom: 32px; font-size: 50px; }
    .slide-left img { margin-top: 15px;}
    .slide-left h3 { margin-bottom: 12px; }
    .destination-div-left h3 { padding: 20px; }
    .destination-div-left .main-head img{ padding: 12px 2px !important; }
    .destination-inner img{ margin: 0 !important; }
    .destination-inner {max-height: 100% !important;}
    .vacation-slide h3 { margin-bottom: 8px; }
}
/*=====================================================================================================*/
@media only screen and (min-width:768px) and (max-width:991px){ 
    .vacation .col-md-3:nth-child(4n+1) {clear: none;}
    .vacation .col-md-3:nth-child(3n+1) {clear: both;}    
    .main img { right: -10px; padding: 4px 10px; }
}
