/* #Tablet (Landscape)
@media only screen and (min-width: 959px) and (max-width: 1177px)
----------------------------------------------------------------------*/
@media (max-width: 1199px) {
	body {overflow-x: hidden}

	.container { width: 95% }

	.tabs li a {padding: 10px 12px}
	.sf-menu li {margin: 0 0 0 4px;padding: 0}
	.sf-menu a { padding-left: 15px; padding-right: 13px; }
	
	.big-slider h3 { top: 88px; }
	.big-slider p { top: 140px; }
	.big-slider p.flex-price { font-size: 12px; top: 60px; }
	.big-slider .flex-direction-nav a { top: 200px !important;}
	.big-slider .flex-direction-nav a i  { font-size: 30px; }
	.big-slider .flex-direction-nav .flex-next { left: 53px !important }

	.center-capture .owl-capture { top: 18% }

	
	.search-tour-2 { top: -200px }

	
	.travel-search .accordion-content { margin-left: 0; }
	
	.tabs li { text-align: center; }
	.tabs li a { padding: 7px 0; font-size: 14px; width: 130px; } 
	.travel-search .tabs li a.active { padding: 8px 13px 10px; }
	
	ul.facilities li { width: 205px; }
	.sort-by-wrapper .sort-option { width: 103px; }
	.search-sidebar .col-2 { width: 82px; }
	.search-sidebar .mr { margin-right: 15px; }
	
	.payment-wrapper { padding: 30px 60px 30px 30px; }
	.list-item-label { padding: 10px; }
	.list-item .list-item-price{ top: 10px; right: 8px; }
	.list-item-label h4 { padding-right: 30px; }
	.product-3 .list-item-price { margin-right: -20px; margin-top: -43px; }
	.list-item-list .list-item-label { width: 450px; padding-left: 15px; }
 
	.availability .col-6 { width: 90px; } 
	
}

@media only screen and (min-width: 959px) and (max-width: 1177px) {

	.exposureWrapper { width: 720px; height: 405px }
}

/* #Tablet (Portrait)
@media only screen and (min-width: 768px) and (max-width: 991px)
----------------------------------------------------------------------*/
@media (max-width: 991px) {

	body {overflow-x: hidden}
	.container { width: 95% }

	.large-header { padding-right: 50px; }

	#mobilepro, .subarrow { display: block; }
	.subarrow { display: block; z-index: 99; position: absolute;top: 14px;right: 10px; cursor: pointer; font-size: 16px; }
	.sf-menu { position: absolute;top: 69px;right: 50px; background: #323c3f; background: rgba(50, 60, 63, 0.9); padding: 0 !important; margin: 0 !important; -webkit-box-shadow: 0px 12px 22px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 12px 22px -1px rgba(0,0,0,0.75); box-shadow: 0px 12px 22px -1px rgba(0,0,0,0.75); }
	.sf-menu a.sf-with-ul {margin-right: 30px !important}
	.sf-menu a span.icon { display: none; }
	.sf-menu > li a {padding-left: 20px !important;}
	.sf-menu i { color: #FFF; } 
	.sf-menu li a {color: #333}
	.sf-menu, .sf-sub-indicator {width: 40%!important;display: none; margin: 4px 0 !important }
	.sf-menu li { margin-bottom: 1px; margin-left: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 0px; border-bottom: #FFF; border-bottom: 1px solid #464F52;}
	.sf-menu li li:last-child {border-bottom: 0;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
	.sf-menu a {padding: 10px 0; width: auto;}
	.sf-menu li li:first-child { border-top: 0; margin-top: -3px; }
	ul.mega li.title { background: rgba(50, 60, 63, 0.9)!important; }

	.big-slider h3 { font-size: 24px; }
	.big-slider p { font-size: 16px; }
	
	.header_bag {padding: 4px 4px}
	#header .social a {margin: 0 0 0 2px}

	.header_bag span {display: none}

	#header .search {margin: 24px 0 24px 20px}
	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	
	.center-capture .owl-slider-nav { bottom: 30%; right: 45%; }
	
	.travel-search, .search-tour-2 { position: relative; top: 0; margin-top: 40px; padding-right: 0; }

	
	.tabs li  { margin-top: 1px;}
	.tabs li a { width: 90px; font-size: 13px; }
	
	.search-sidebar .col-2 { width: 82px; }
	.search-sidebar .mr { margin-right: 16px; }
	
	.list-item-list .list-item-label { height: auto; padding: 20px 15px 0 }
	.list-item-list .list-item-image, .list-item-list .list-item-label { width: 100%; }
	.lil-meta { position: relative; margin-left: -10px; margin-right: 10px; margin-top: 5px; left: 10px;  }

	
	
	ul.user-review li .left { width: 35%; }
	ul.user-review li .right { width: 65%; }
	#detail-slider ul.exposureThumbs li { width: 173px; }
	#left .left-arrow, #right .right-arrow { padding: 67px 0; }
	ul.detail-item > li  { padding: 310px 140px 25px 0; }
	ul.detail-item > li img { width: 430px}
	.detail-meta { top: 310px; padding: 10px 20px; }
 
	.availability .col-6 { width: 177px; }
 
	.payment-wrapper { padding: 30px 20px; }

	
	.sm-mb { margin-bottom: 15px }

	.md-no-mr { margin-right: 0 !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.exposureWrapper { width: 472px; height: 264px }
}


/* #Mobile (Landscape)
@media only screen and (min-width: 480px) and (max-width: 768px) {
}
----------------------------------------------------------------------*/
@media (max-width: 767px)  {
	body {overflow-x: hidden; font-size: 13px; }
	.container { width: 95% }
	
	.sidebar, .post {width: 100%;margin: 0 0 40px}

	.sf-menu, .sf-sub-indicator { width: 80%!important; }
	.sf-menu { right: 13px; }
	
	.header_bag {padding: 4px}
	#header .social a {margin: 0 0 0 2px}

	.header_bag span {display: none}

	#header .search {margin: 24px 0 24px 20px}

	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	
	.big-slider h3 { font-size: 18px; top: 40px; left: 10px; padding: 3px 5px; }
	.big-slider p { font-size: 14px; top: 68px; left: 10px; padding: 2px 5px; }
	.big-slider p.flex-price { font-size: 12px; left: 10px; top: 20px; padding: 1px 5px; }
	.big-slider .flex-direction-nav a { top: 115px !important;}
	.big-slider .flex-direction-nav a i  { font-size: 20px; }
	.big-slider .flex-direction-nav .flex-next { left: 43px !important }
	
	.center-capture .owl-slider-nav { bottom: 10%; right: 43%;  }
	.center-capture .owl-capture h2 a { font-size: 26px; line-height: 28px; }

	.search-tour-2 .home-search-tabs, .home-search-tabs-content { width: 100% }
	.search-tour-2 .home-search-tabs li:nth-child(odd) { width: 200px }
	
	.tabs li a { font-size: 13px; width: 88px; }
	.travel-search .tabs li a.active { padding: 5px 8px 7px; }
	.travel-search .btn { margin: 15px 0; }
	
	#detail-slider ul.exposureThumbs li { width: 163px; }
	#left .left-arrow, #right .right-arrow { padding: 64px 0; }
 
	.availability .col-6 { width: 167px; }

	.author-details { margin-left: 80px; padding-left: 10px; }
	.author-label { width: 70px; }

	.xs-mb { margin-bottom: 20px; }
	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

	.search-filter .search-tabs li:nth-child(odd) { width: 120px; }
	.search-filter .search-tabs li:nth-child(even) { width: 210px; }
	.exposureWrapper { width: 452px; height: 253px }
	.search-sidebar .col-1 { width: 197px; }
	.search-sidebar .col-2 { width: 91px; }
	.search-sidebar .mr, .search-sidebar .xs-mr { margin-right: 15px; }
}

/*  #Mobile (Portrait) 320px
@media only screen and (min-width: 100px) and (max-width: 480px)
----------------------------------------------------------------------*/
@media (max-width: 479px) {
	body {overflow-x: hidden}
	.container { width: 95%; padding: 0; }
	
	.header-register .br, .header-login .br { border-right: 0; }
	.login_show { right: -60px; }
	.register_show { right: -60px;}
	
	.sf-menu, .sf-sub-indicator { width: 90%!important; }
	
	
	#header .social a {margin: 0 0 0 2px}

	.header_bag span {display: none}

	#header .search {margin: 24px 0 24px 20px}

	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	
	.center-capture .owl-capture h2 a { font-size: 22px; line-height: 24px; }
	.center-capture .owl-capture  p { font-size: 14px; line-height: 18px} 
	.center-capture .owl-slider-nav { top: 60px; right: 5px;  }
	.center-capture .owl-slider-nav a.osn-prev { left: -240px; }
	
	.search-tour-2 .home-search-tabs li:nth-child(odd) { width: 100px }
	
	.tabs { background: #A59B8E; border: 3px solid #8F7B61; border-bottom: 0; }
	.tabs li a { width: 284px;  }

	.travel-search .tabs li a.active { padding: 9px 18px 9px; }
	
	.search-sidebar .col-2 { width: 117px; }
	.search-sidebar .mr { margin-right: 16px; }

	ul.user-review li .left { width: 45%; }
	ul.user-review li .right { width: 55%; }
	.list-item-label { padding: 15px; }
	.list-item-label h4 { font-size: 14px; }
	.list-item .list-item-price{ top: 10px; right: 10px; }
	.list-item-list ul.hotel-facility { position: relative; margin-left: 15px; }
	.lil-meta { padding-top: 4px; }
	.lil-meta .lil-price { position: absolute; top: -241px; right: 10px; line-height: 1; text-align: right; }
	.lil-meta .lil-price span { display: block; }
	.lil-meta a.btn { display: block; width: 100%; margin: 8px 0;}

	#detail-slider ul.exposureThumbs li { width: 174px; }
	#left .left-arrow, #right .right-arrow { padding: 67px 0; }
 
	.availability .col-6 { width: 100%; } 
	ul.detail-item > li  { padding: 200px 75px 25px 0; }
	ul.detail-item > li img { width: 250px}
	.detail-meta { top: 210px; padding: 10px 0px; }
	.detail-meta a.btn { padding: 5px; font-size: 12px }
	.detail-header-name  { border-bottom: 1px solid #EBE8E6; border-right: 0; width: 100%; margin-bottom: 10px; padding-bottom: 10px; }


	ul.comment-item li { padding-left: 60px; }
	.comment-item  .comment-avatar { width: 50px; height: 50px; }

	.exposureWrapper { width: 292px; height: 163px }
	
	
	.xss-mb { margin-bottom: 20px; }


	.header-currency:after { border-left: 0; } 
}