/*- Media query begins from here -*/

@media only screen and (min-width: 1920px) {
    
	
}

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

}

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

}

@media only screen and (max-width: 1500px) {
    /* OFFER PAGE   */
    .logo_left img{width: 70%;}
    .header .navigation {padding-top: 75px;}
    .header .navigation ul li{margin: 0;}
    .header .navigation ul li a {font-size: 14px; color: #0F436B;  padding: 13px 18px;}
    .header .navigation ul li a:hover {border-radius: 0px; padding: 13px 18px;}
    
    .header2 .navigation {padding-top: 5px;}
    .header2 .navigation ul li{margin: 0;}
    .header2 .navigation ul li a {font-size: 18px; color: #0F436B;  padding: 13px 18px;}
    .header2 .navigation ul li a:hover {border-radius: 0px; padding: 13px 18px;}
    
    .offer h1{font-size: 25px; padding-bottom: 5px;}
    .offer p{font-size: 20px;}
    .country_wrap {padding-top: 40%;}
    .country_content h2{font-size: 25px;}
    .country_content p{font-size: 12px;     line-height: 17px;}
    .money p {font-size: 25px;}
    .days span{font-size: 16px;}
    .country_content {width: 190px;}
    .rating-stars .rating-stars-container .rating-star{font-size: 11px;}
    .ratings_main {width: 42%;     bottom: -40px;}
    .gray_patch{font-size: 15px;}
    .date_pik label {font-size: 17px;}
    .date_pik input {margin: 10px 0 0; height: 25px;}
    .buttons_apply {padding: 30px 25px 20px;}
    .price_slider input { word-spacing: 43px; font-size: 20px;}
    .price_slider .ui-state-default{padding: 12px;}
    .price_slider .ui-widget.ui-widget-content{height: 2px;}
    .btn {font-size: 15px; padding: 6px 12px;}
    .input-group p{font-size: 15px; padding-right: 20px; padding-left: 25px;  }
    .input-number {text-align: center;    width: 25%;}
    .switch{right: -32%;}
    .switch_wrap h2 {font-size: 17px; padding-left: 30px;}
    .switch_wrap p {font-size: 14px; padding-left: 30px;}
    .container_box{padding-left: 50px; font-size: 12px; margin-bottom: 40px;}
    .checkmark { top: -5px; left: 27px;  height: 19px;  width: 19px;}
    .filters h2 {font-size: 17px;}
    .foot_end img{width: 100%;}
    .foot_end h1 {font-size: 18px;}
    .foot_end ul li {margin-bottom: 17px;}
    .foot_end ul li a{font-size: 17px;}
    .foot_end p{font-size: 17px;     line-height: 27px;}
    /* //OFFER PAGE*/
    
    /*HOME PAGE*/
    .choose{padding: 20px 0;}
    .choose h2 {font-size: 16px;}
    .form_in ul li{padding: 5px 10px;}
    .form_in ul li input{font-size: 15px;}
    .btn_go{height: 47px;}
    .left_abt h1 {font-size: 60px;}
    .left_abt p {font-size: 60px;}
    .left_mission h1 {font-size: 60px;}
    .left_mission p {font-size: 40px; line-height:50px; }
    .right_abt h2 {font-size: 25px;}
    .right_abt p {font-size: 16px; line-height: 24px;}
    .read_more{font-size: 15px; padding: 11px 16px;}
    .right_abt h2{margin-bottom: 20px;}
    .destination h1, .h1 {font-size: 35px; margin-bottom: 20px;}
    .destination p, .h2 {font-size: 23px;}
    .destination_wrap h2 {font-size: 45px; margin-bottom: 20px;}
    .destination_wrap h3{font-size: 25px;}
    .destination_wrap p{font-size: 16px; line-height: 24px;}
    .view {padding: 10px 15px; font-size: 15px;}
    .desti_content_rgt {padding: 3% 40px; margin: 15% 3%;}
    .desti_content_lft{padding: 3% 40px; margin: 15% 3%;}
    .destination{padding: 30px 0;}
    .travel h1{font-size: 35px; margin-bottom: 20px;}
    .travel p {font-size: 22px;}    
    .travel_in ul li p{font-size: 25px; bottom: 0;}
    .tohelp h1{font-size: 35px; margin-bottom: 20px;}
    .tohelp p {font-size: 22px;}    
    .tohelp_in ul li p{font-size: 25px; bottom: 0;}
    .toursection h1{font-size: 38px; margin-bottom: 20px;}
    .toursection h2{font-size: 34px; margin-bottom: 20px;}
    .toursection h3{font-size: 18px; margin-bottom: 20px;}
    /*.toursection p {font-size: 22px;}    */
    .toursection_in ul li p{bottom: 0;}
    /*//HOME PAGE*/
    
    
}

@media only screen and (max-width: 1200px) {
    .header .navigation ul li a { font-size: 12px;  color: #0F436B;  padding: 13px 3px; }
    .header .navigation2 li a { font-size: 12px !important;  color: #0F436B;  padding: 0px 3px; }
    
	.header2 .navigation ul li a { font-size: 16px;  color: #0F436B;  padding: 13px 3px; }
    .header2 .navigation2 li a { font-size: 14px !important;  color: #0F436B;  padding: 0px 3px; }
    .input-group p { display: block;  clear: both;  width: 100%;}
    .switch {right: -4%;}
    .filters ul li{width:100%; display: inline-block; }
    .checkmark { top: 0; left: 42px;}
    .container_box {padding-left: 77px;}
    .ratings_main { width: 56%;}
    .destination_wrap h2 {font-size: 35px; margin-bottom: 20px;}
    .destination_wrap h3{font-size: 22px;}
    .destination_wrap p{font-size: 14px; line-height: 20px;}
    .about {padding: 40px 0 20px;}
    .mission {padding: 40px 0 20px;}
    .travel_in ul li{}
    .tohelp_in ul li{}
    .toursection_in ul li{}
}

@media only screen and (max-width: 991px){
    .header{padding: 0; background:#ffffff;}
    .header .navigation ul li{display: block;     text-align: right; margin-bottom: 40px; }
    .header .navigation ul li a {color: #ffffff;}
	.header .navigation ul li a.active {border-bottom: 3px solid #ffffff !important;}
    .header .logo_left{padding-top: 10px;}
    .collect img{width: auto;}  
    .ratings_main { width: 43%;}
    .header .navigation ul{padding: 10px 5px 0px;}
    
	.header2{padding: 0; background:#ffffff;}
    .header2 .navigation ul li{display: block;     text-align: right; margin-bottom: 40px; }
    .header2 .navigation ul li a {color: #012839;}
    .header2 .logo_left{padding-top: 10px;}
    .header2 .navigation ul{padding: 10px 5px 0px;}
    
	.navigation{right:-200%; transition: all 0.5s ease;  top: 0;   background: #ffffff;
    width: 350px; text-align: right; float: right;  padding-right: 38px; position: absolute; z-index: 99;}
    .sandwich_bar{display: block; right: 30px; position: absolute; top: 15px; z-index: 9999;}
    .showNav .navigation{right:3%; transition: all 0.5s ease; background: #25358C;}
    
    .bar1, .bar2, .bar3 { width: 35px; height: 5px;  background-color: #000;  margin: 6px 0;
      transition: 0.4s;}
    .showNav .bar1 { -webkit-transform: rotate(-47deg) translate(-8px, 6px);  transform: rotate(-47deg) translate(-8px, 6px); background-color: #000;}
    .showNav .bar2 {opacity: 0; background-color: #000;}
    .showNav .bar3 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px); background-color: #000;}
    
    /*    homepage*/
    .banner_main{background: none; height:auto !important;}
    .banner_respo_main{display: block; padding: 70px 0 20px;}
    .banner_respo_main img{width: 100%;}
    .choose{position: relative; background: #000;}
    .form_in ul li{display: block; border: 1px solid #000;}
    .btn_go{width: 80px; margin: 15px -8px 0;}
    .right_abt {border-left: 0px solid #ffc44f; padding: 40px 20px;}
    .right_mission {padding: 40px 20px;}
    .desti_content_rgt {padding: 3% 40px 0; margin: 7% 2% 0; border: none;}
    .desti_content_lft {padding: 3% 20px; margin: 0% 3% 0; border: 0;}
    .swaping_first{display: flex; flex-direction: column;}
    .swaping_first :nth-child(1) { order: 2; }
    .swaping_first :nth-child(2) { order: 1; }
    .swaping_second{display: flex; flex-direction: column;}
    .swaping_second :nth-child(1) { order: 2; }
    .swaping_second :nth-child(2) { order: 1; }
    
    .swaping_third{display: flex; flex-direction: column;}
    .swaping_third :nth-child(1) { order: 2; }
    .swaping_third :nth-child(2) { order: 1; }
    .travel_in ul li p {font-size: 20px; bottom: 0;}
    .tohelp_in ul li p {font-size: 20px; bottom: 0;}
    .toursection_in ul li p {bottom: 0;}
      
    /*    //homepage*/
}

@media only screen and (max-width: 768px){
	.header .logo_left{padding: 0px; margin-top:0px;}
    .banner{background: none; height:auto !important;}
    .banner_respo{display: block;}
    .banner_respo img{width: 100%;}
    .header {padding: 15px 0 9px;}
	.header2 {padding: 15px 0 69px;}
	.navigation{right:-200%; transition: all 0.5s ease;  top: -15px;   background: #ffffff;
    width: 270px; text-align: right; float: right;  padding-right: 8px; position: absolute; z-index: 99;}
    
    .header .navigation2 {position:relative !important; border-bottom:0px solid #333333; margin-top: 60px; top:auto !important; right:auto !important; padding-top: 0px !important; transition: all 0.5s ease;}
	.header .navigation2 li a{font-size: 18px !important;}
	
	.header2 .navigation2 {position:relative !important; border-bottom:0px solid #333333; margin-top: 60px; top:auto !important; right:auto !important; padding-top: 0px !important; transition: all 0.5s ease;}
	.header2 .navigation2 li a{font-size: 18px !important;}
	.sandwich_bar{top: 4px;}
    .country_wrap {padding-top: 57%;}
    .ratings_main {width: 60%;}
    .foot_end img{width: auto;}
    .foot_end{text-align: center;}
    .foot_end h1{text-align: center;}
    .foot_end ul {  float: left;  padding: 30px 0;  width: 50%;}
    .foot_end p{padding: 25px 0;}
    .social_icons ul{float: none;  margin: 0 auto; width: 100%;}
    .social_icons ul li {  display: inline-block;  margin: 1px 15px;}
    
    /*home*/
    .banner_respo_main{padding: 0;}
    .travel_in ul li{width: 40%;}
    .tohelp_in ul li{width: 40%;}
    .toursection_in ul li{width: 100%;}
	.tabrow div{padding-bottom:20px; margin-bottom:20px}
    /*//Home*/
	
	.gallery-pane {width:100% !important;}
	.desktop_flex {display: block !important;}
}

@media only screen and (max-width:600px){
   .country_wrap {padding-top: 76%;}
    .ratings_main {width: 76%;}
	.left_mission p, .right_mission p {padding-left:14%; padding-right:5%; font-size: 16px; line-height: 24px;}
    
}

@media only screen and (max-width:500px){
    .offer_right ul li, .offer_right_4 ul li{width: 100%;}
    .country_wrap {padding-top: 50%;}
    .ratings_main {width: 70%;}
    .travel_in ul li{width: 100%;     margin: 20px 0;}
    .tohelp_in ul li{width: 100%;     margin: 20px 0;}
    .toursection_in ul li{width: 100%;     margin: 20px 0;}

}

@media only screen and (max-width:400px){
    .country_wrap { padding-top: 75%;}
    .ratings_main {width: 100%;}
    .foot_end img {width: 100%; padding: 20px 55px;}
    .logo_left img{width: 100%;}
    .navigation{width: 290px;}
    
}

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