/* 
Responsive CSS

*/

img,
object,
iframe,
iframe img,
embed,
video
{
	max-width: 100% !important;
}



#map img,
#map_canvas img,
#mapdialog img,
.map img
{max-width: inherit !important; max-height: inherit !important}

.header-search-link
{
    display: none;
}
#menu-trigger
{
    display: none;
    color: #333333;
    text-decoration: none;
    margin: -28px 0 15px;
    background: transparent url('https://cdn.budgetyourtrip.com/images/menudownarrow.png') no-repeat right center;
    padding-right: 12px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (min-width: 810px)
{
	.hide-desktop
	{
		display: none;
	}
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 810px) and (max-width: 1009px)
	{
        #container,
        .container,
		#header .headerbody,
        #header-top .headerbody-topbar,
		#footer .contentbox,
		.footer .contentbox,
        .large-header .center-row
		{
			width: 768px;
		}
		
		#maincarousel,
		.carousel-holder .jcarousel-item
		{
			width: 728px;
			height: 196px;
		}
		.jcarousel-item .bg
		{
			background-size: 728px auto;
		}
		.jcarousel-item .bg .white a
		{
			font-size: 0.85em;
		}
        
		
		li.header-question
		{
			display: none;
		}

        .header-search-link
        {
            display: inline-block;
        }
        .header-search-bar
        {
            display: none;
        }
		
		
		
		.column, .majorcolumn, .minorcolumn, .quartercolumn, .halfcolumn,
		.hugecolumn, .tinycolumn, .halfmajorcolumn,.thirdcolumn,.thirdcolumnlast
		{
			width: 369px;
		}

		.halfcolumn
		{
			width: 369px;
		}

		.majorcolumn
		{
			width: 438px;
		}

		.minorcolumn
		{
			width: 300px;
		}

		.hugecolumn
		{
			width: 528px;
		}
		.tinycolumn
		{
			width: 210px;
		}

		.halfmajorcolumn
		{
			width: 194px;
			margin-bottom: 0;
		}

		.thirdcolumn
		{
			width: 236px;
		}
		.thirdcolumnlast
		{
			width: 236px;
		}
		
		
		.innercolumn, .innercolumnwide, .innercolumnthird, .innercolumnquarter, .innercolumntwothirds,
		.innercolumnfat, .innercolumnthin, .innercolumntiny, .innercolumntiny2, .innercolumncitytitle,
		.innercolumncityphoto, .innercolumngigantic, .innercolumnprofilesmall, .innercolumnprofilebig,
		.innercolumntablewide, .innercolumntablethin, .innercolumnfifth, .innercolumn-front, .innercolumn-front-inner, .innercolumn-front-list
		{
			width: 260px;
		}
		
		.innercolumn
		{
			width: 260px !important;
		}

		.innercolumncitytitle
		{
			width: 172px;
		}
		.innercolumncityphoto
		{
			width: 536px;
		}

		.innercolumnwide
		{
			width: 369px;
		}
		.innercolumntwothirds
		{
			width: 506px;
		}
		.innercolumnthird
		{
			width: 232px;
			margin-bottom: 0;
		}
		.innercolumn-major-half
		{
			width: 205px;
		}
		.innercolumnquarter
		{
			width: 215px;
			margin-bottom: 0;
		}
		.innercolumnthreequarters
		{
			width: 523px;
			margin-bottom: 0;
		}
		.innercolumnfifth
		{
			width: 136px;
			margin-bottom: 0;
		}

		.innercolumnfat
		{
			width: 438px;
		}
		.innercolumnthin
		{
			width: 300px;
		}

        .innercolumnfat.city-info .innercolumnthird
        {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
            float: none;
            margin-bottom: 20px;
        }

        .city-info img.inline-photo,
		.city-info .right .caption
        {
            width: auto;
            margin: 10px 0 5px;
        }
		
		.hostel img.inline-photo.hostel-inline-photo
		{
			width: 250px;
			max-width: 100% !important;
		}

		.innercolumntiny
		{
			width: 180px;
			margin-right: 10px;
			margin-bottom: 20px !important;
			font-size: 0.85em;
			color: #666666;
			line-height: 1.35em;
		}

		.innercolumntiny2
		{
			width: 180px;
		}
		.innercolumngigantic
		{
			width: 528px;
		}

		.innercolumnprofilesmall
		{
			width: 154px;
		}
		.innercolumnprofilebig
		{
			width: 194px;
		}

		.innercolumntablewide
		{
			width: 438px;
		}
		.innercolumntablethin
		{
			width: 270px;
		}
		
		.innercolumn-front
		{
			width: 368px;
			overflow: hidden;
		}
		.innercolumn-front-inner
		{
			width: 260px;
		}
		.innercolumn-front-list
		{
			width: 136px;
		}

        .innercolumnthird-third
        {
            width: 100%;
            clear: both;
            float: none;
            margin-left: 0;
        }
		

		#datatable-left,
		#datatable-right
		{
			float: none;
			width: 100% !important;
		}

        .travel-guide-ad
        {
            width: 200px;
        }

        .article-card.article-card-small
        {
            width: 136px;
            margin: 0 15px 15px 0;
        }
        .article-card.article-card-medium
        {
            width: 209px;
            margin: 0 20px 20px 0;
        }
        .article-card.article-card-large
        {
            width: 438px;
            margin: 0 0 20px 0;
        }
		.innercolumn-major-half .article-card.article-card-small
		{
			width: 205px;
			margin: 0 10px 10px 0;
		}

        .article-card.article-card-small > span > span { width: 106px; }
        .article-card.article-card-medium > span > span { width: 189px; }
        .article-card.article-card-large > span > span { width: 418px; }
		.innercolumn-major-half .article-card.article-card-small > span > span
		{
			width: auto;
		}

        a.article-card.article-card-small:nth-child(4n),
		.article-card-form:nth-child(4n) > button.article-card-small
        {
            margin: 0 15px 15px 0;
        }
        a.article-card.article-card-medium:nth-child(3n),
		.article-card-form:nth-child(3n) > button.article-card-medium
        {
            margin: 0 20px 20px 0;
        }

        a.article-card.article-card-small:nth-child(3n),
        a.article-card.article-card-medium:nth-child(2n),
        a.article-card.article-card-large:nth-child(1n),
		.article-card-form:nth-child(3n) > button.article-card-small,
		.article-card-form:nth-child(2n) > button.article-card-medium,
		.article-card-form:nth-child(1n) > button.article-card-large
        {
            margin-right: 0;
        }

		.large-header.with-photo.massive-header .large-title
		{
			width: auto;
		}
		
		.cost-tile:nth-child(3n)
		{
			margin: 0 15px 15px 0;
		}
		.cost-tile:nth-child(2n)
		{
			margin-right: 0;
		}
		.cost-tile.cost-tile-small:nth-child(2n),
		.cost-tile.cost-tile-small:nth-child(4n)
		{
			margin: 0 10px 10px 0;
		}
		.cost-tile.cost-tile-small:nth-child(3n)
		{
			margin-right: 0;
		}
		
		.cost-tile
		{
			width: 211px;
		}
		.cost-tile.cost-tile-small
		{
			width: 139px;
		}
		
		.cost-tile.cost-tile-intro,
		.cost-tile.cost-tile-main
		{
			width: 100%;
			float: none;
			margin: 10px 0;
		}
		
		
		.cost-tile.cost-tile-thin.cost-tile-thin-wide
		{
			width: 100%;
			float: none;
		}
		.cost-tile.cost-tile-thin.cost-tile-thin-wide,
		.cost-tile.cost-tile-thin.cost-tile-thin-wide:nth-child(2n)
		{
			margin: 15px 0;
		}
		
		.hostel.hostel-summary.hostel-snippet
		{
			width: 100%;
			margin-right: 0;
			margin-left: 0;
			float: none;
			min-height: 0;
		}
		.hostel.hostel-summary.hostel-snippet button.title-link
		{
			min-height: 0;
		}
		.hostel.hostel-summary.hostel-snippet button.book-now
		{
			width: auto;
			min-width: 50%;
		}
		
		.smarter-travel-widget
		{
			height: 300px;
		}
		
		a.tour-article-link
		{
			width: 374px;
			margin-right: 20px;
		}
		a.tour-article-link:nth-child(3n)
		{
			margin-right: 20px;
		}
		a.tour-article-link:nth-child(2n)
		{
			margin-right: 0px;
		}
		
		.tour-company-search-results .tour-company
		{
			
			width: 46%;
			height: 320px;
			
		}
		.tour-search-results .tour
		{
			height: 360px;
		}
		.tour .tour-sub
		{
			height: 100px;
		}
		.tour .tour-company-name-wrapper,
		.tour .tour-more-info
		{
			width: 100%;
			float: none;
			margin-bottom: 5px;
		}
		
		.tour .tour-cta-buttons
		{
			display: block;
			width: 100%;
			box-sizing: border-box;
		}
		.tour .tour-cta
		{
			display: block;
			width: 100%;
			max-width: 100%;
			margin: 0 0 10px 0;
			box-sizing: border-box;
			padding: 8px 0;
		}
		
    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 809px)
	{
        #container,
        .container,
		#header .headerbody,
        #header-top .headerbody-topbar,
		#footer .contentbox,
		.footer .contentbox,
        .large-header .center-row
		{
			width: 300px;
			clear: both;
			overflow: hidden;
		}
		
		.hide-mobile
		{
			display: none;
		}
		
		body
		{
			background: #ffffff;
			font-size: 20px;
		}
		
		h6,
		.city-info h6,
		.info h6
		.textcontent h6
		{
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 10px;
		}
		
		label
		{
			font-size: 16px;
		}
		
		input, select, textarea
		{
			font-size: 17px;
		}
		button, input.button, .button
		{
			padding: 10px 20px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 18px;
		}
		
		.morelink, .leftlink
		{
			font-size: 18px;
			line-height: 1.2em;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.mediumlink,
		.biglink
		{
			font-size: 20px;
			line-height: 1.2em;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		.contentbox
		{
			padding: 0;
			border: 0;
			background: transparent;
			clear: both;
			box-shadow: none;
		}
		
		.info
		{
			font-size: 18px;
			line-height: 1.3em;
		}

        .home-travelagent-contentbox
        {
            margin-bottom: 60px;
        }
		
		#header
		{
			height: auto;
			overflow: visible;
		}
		.header #logo {
			padding: 16px 0 0 0;
			margin: 0;
		}
		#header .headerbody
		{
			height: auto;
		}
		#header ul.menu,
		#header ul.menu.topmenu
		{
			position: relative;
			clear: both;
			top: auto;
			right: auto;
			overflow: visible;
            margin: 12px 0;
		}
		#header ul.menu li
		{
			float: left;
			margin: 0 20px 8px 0;
		}
		#header:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}

        .header-search-link
        {
            display: inline-block;
        }
        .header-search-bar
        {
            display: none;
        }
		
		#footer,
		.footer
		{
			border-top: 1px solid #cccccc;
			padding-top: 20px;
			margin-top: 20px;
		}
		
		#footer .footer-region-links, .footer .footer-region-links
		{
			font-size: 18px;
			line-height: 1.3em;
		}
		
		#footer ul.menu li
		{
			font-size: 18px;
			line-height: 1.3em;
			margin-bottom: 10px;
		}
		
		#maincarousel,
		.carousel-holder .jcarousel-item
		{
			width: 300px;
			height: 82px;
		}
		.jcarousel-item .bg
		{
			background-size: 300px auto;
		}
		.jcarousel-item .bg .white a
		{
			font-size: 0.85em;
		}
        
		
		li.header-question
		{
			display: none;
		}
		
		.travel-tip .details,
		.details
		{
			font-size: 16px;
			line-height: 1.3em;
		}
		
		
		
		.column, .majorcolumn, .minorcolumn, .quartercolumn, .halfcolumn,
		.hugecolumn, .tinycolumn, .halfmajorcolumn,.thirdcolumn,.thirdcolumnlast
		{
			width: 300px;
			float: none;
		}

		
		
		
		.innercolumn, .innercolumnwide, .innercolumnthird, .innercolumnquarter, .innercolumnthreequarters, .innercolumntwothirds,
		.innercolumnfat, .innercolumnthin, .innercolumntiny, .innercolumntiny2, .innercolumncitytitle,
		.innercolumncityphoto, .innercolumngigantic, .innercolumnprofilesmall, .innercolumnprofilebig,
		.innercolumntablewide, .innercolumntablethin, .innercolumnfifth, .innercolumn-front, .innercolumn-front-inner
		{
			width: 300px;
			float: none;
		}

        .innercolumn-front-list
        {
            width: 100%;
            float: none;
        }
		.innercolumn-major-half
		{
			width: 145px;
		}

        .city-info img.inline-photo,
		.hostel img.inline-photo.hostel-inline-photo
        {
            width: auto;
			max-width: 100% !important;
            margin: 10px 0 5px;
        }
		.hostel img.inline-photo.hostel-inline-photo
		{
			float: none;
			display: block;
		}
		
		ul.shortmenu,
        ul.placelist
		{
			top: 0;
			left: 0;
			margin: 0;
            padding: 0;
			clear: both;
			overflow: hidden;
			height: auto;
            border: 0;
			font-size: 16px;
		}
		ul.shortmenu li,
        ul.placelist li
		{
			margin: 4px 6px 4px 0;
			float: left;
			background: #f9f9f9;
            border-width: 0 0 1px 0;
            border-style: solid;
            border-color: #e0e0e0;
            width: 90%;
		}
		ul.shortmenu li a,
        ul.placelist li a
		{
			border: 0;
			padding: 10px 16px;
			background: transparent;
			float: none;
            border-radius: 0;
            border: none;
            display: block;
		}
        ul.placelist li
        {
            width: 100%;
        }
        ul.shortmenu li ul
        {
            background: transparent;
            margin: 0;
            padding: 0;
            position: relative;
            border: 0;
            top: auto;
            width: auto;
            height: auto;
            float: none;
        }
        ul.shortmenu li ul li
        {
            margin: 0 0 2px;
            padding: 0 0 0 15px;
        }
        ul.shortmenu li ul li a
        {
            padding: 10px 16px;
            background: transparent;
            background-image: none;
            border-radius: 0;
            border: none;
        }
        ul.shortmenu li a img
        {

        }

		ul.shortmenu li.first a
		{
			border: 0;
		}
		ul.shortmenu li.widgets
		{
			display: none;
		}
		ul.shortmenu li a.sel,
		ul.shortmenu li a.sel:hover
		{
			border: 0;
            background: #e0e0e0;
            float: none;
            border: none;
		}
		
		ul.submenu
		{}
		ul.submenu li
		{
			float: none;
			background: transparent;
			border: 0;
			padding: 0;
		}
		ul.submenu li a
		{
			margin: 0;
			padding: 3px;
			background: transparent;
			color: #666666;
			border: 0;
		}
		
		.ad.top-banner-ad
		{
			max-height: none;
		}
		
		.photo-img
		{
			height: auto;
		}
		.photo-img .name
		{
			bottom: 5px;
		}
		
		.datatable .reportoptions,
		.contentoptions,
		.sortoptions
		{
			position: relative;
			top: auto;
            right: auto;
		}
		.sortoptions
		{
			right: 0;
			overflow: hidden;
		}
		
		#entryform .form-item
		{
			float: none;
			margin: 0 0 10px 0;
			width: auto;
		}
		
        #datatable-left,
		#datatable-right
		{
			float: none;
			width: 100% !important;
		}
		
		input.front-page-large
		{
			max-width: 90%;
		}
		
		.breadcrumbs
		{
			font-size: 16px;
		}
		

        .travel-guide-ad
        {
            width: 270px;
        }

        .hide-on-small
        {
            display: none;
        }

        .large-header.with-photo
        {
            height: 180px;
        }
		.large-header.with-photo.massive-header
		{
			height: 300px;
		}
		.large-header.with-photo.thin-header,
		.large-header.with-photo.very-thin-header
		{
			height: 80px;
		}
		.large-header.with-photo.massive-header .large-title
		{
			width: auto;
		}
		.large-header h1
		{
			font-size: 36px;
			line-height: 36px;
		}
		.large-header h1 .calculate, .large-header h1 .calculate-after, .large-header .statename, .large-header .countryname
		{
			font-size: 16px;
			line-height: 22px;
			margin: 0;
		}
		.large-header.with-photo h2
		{
			font-size: 16px;
			line-height: 20px;
		}
		
        .article-header-image
        {
            height: 120px;
        }

        .article-card.article-card-small,
        .article-card.article-card-medium,
        .article-card.article-card-large
        {
            width: 100%;
            height: 120px;
            margin: 0 0 25px 0;
            font-size: 20px;
            line-height: 22px;
        }
		.innercolumn-major-half .article-card.article-card-small
		{
			width: 145px;
			margin: 0 10px 10px 0;
		}

        .article-card.article-card-small > span > span { width: 280px; }
        .article-card.article-card-medium > span > span { width: 280px; }
        .article-card.article-card-large > span > span { width: 280px; }
		.innercolumn-major-half .article-card.article-card-small > span > span
		{
			width: auto;
		}

		a.article-card.article-card-small:nth-child(4n),
        a.article-card.article-card-medium:nth-child(3n),
        a.article-card.article-card-large:nth-child(2n),
		.article-card-form:nth-child(4n) > button.article-card-small,
		.article-card-form:nth-child(3n) > button.article-card-medium,
		.article-card-form:nth-child(2n) > button.article-card-large
        {
            margin-right: 15px;
        }

        a.article-card.article-card-small:nth-child(1n),
        a.article-card.article-card-medium:nth-child(2n),
        a.article-card.article-card-large:nth-child(1n),
		.article-card-form:nth-child(1n) > button.article-card-small,
		.article-card-form:nth-child(2n) > button.article-card-medium,
		.article-card-form:nth-child(1n) > button.article-card-large
        {
            margin-right: 0;
        }

        #feedback
        {
            display: none;
        }

        
        #special-side-ad
        {
            display: none;
        }
        #special-footer-mobile-ad
        {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            top: auto;
            right: auto;
            width: 100%;
            height: 100px;
            max-height: 100px !important;
            z-index: 5000;
        }


        /* main menu */
        #menu-trigger
        {
            display: block;
            float: right;

        }
        #header ul.menu
        {
            float: none;
            display: none;
            margin: 0;
            padding: 0;
        }

        #header ul.menu li
        {
            float: none;
            margin: 0;
            padding: 0;
            border-top: 1px solid #e0e0e0;
            width: 100%;
            height: auto;
        }
        #header ul.menu li ul
        {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            width: 100%;
            top: auto;
            left: auto;
            opacity: 1;
			background: #ffffff;
        }
        #header ul.menu li ul li
        {
            float: none;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
        }
        #header ul.menu li a
        {
            padding: 12px 0;
            font-size: 18px;
            line-height: 20px;
            display: block;
            background-image: none;
        }

        .innercolumnthird-third
        {
            width: 100%;
            clear: both;
            float: none;
            margin-left: 0;
        }

        .searchform input.input-phrase
        {
            margin-bottom: 12px;
        }

        .hostel .book-button,
        .hostel .book-button button.right
        {
            float: none;
			text-align: center;
        }
		.hostel button.book-now
		{
			float: none;
			text-align: center;
			margin: 5px 0;
			width: 100%;
		}
		
		.hostel .address, .venue .address
		{
			font-size: 17px;
			line-height: 21px;
			margin: 10px 0;
			color: #808080;
		}
		
		.venue h6
		{
			font-size: 28px;
			line-height: 32px;
		}
		
		.last-update,
		.smalltext
		{
			font-size: 16px;
			line-height: 1.4em;
		}
		
		.guide-article
		{

		}
		
		.guide-article .hostel.hostel-snippet.hostel-aside,
		.guide-article .hostel.hostel-snippet.hostel-aside.hostel-aside-thin,
		.guide-article .shareasale.shareasale-snippet.shareasale-aside,
		.guide-article .shareasale.shareasale-snippet.shareasale-aside.shareasale-aside-thin
		{
			width: 100%;
			float: none;
			margin: 0 0 20px 0;
		}
		
		.guide-article .left,
		.guide-article .right
		{
			margin-right: auto;
			margin-left: auto;
			float: none;
			width: auto;
			overflow: hidden;
			max-width: 100%;
		}
		
		.guide-article .info-block.bus,
		.guide-article .info-block.train,
		.guide-article .info-block.camera
		{
			background-position: 10px 10px;
		}
		
		.item-prices,
		.item-details
		{
			width: 100%;
			margin-bottom: 5px;
		}
		
		.item-details > div
		{
			width: 50%;
		}
		.item-details .item-details-text
		{
			width: 100%;
			float: none;
			margin-bottom: 8px;
		}
		
		.item-details .item-details-button,
		.item-details .item-details-map
		{
			text-align: center;
		}
		
		.cost-tile
		{
			width: 100%;
			float: none;
		}
		.cost-tile:nth-child(4n),
		.cost-tile:nth-child(3n),
		.cost-tile:nth-child(2n)
		{
			margin: 0 0 15px 0;
		}
		.cost-tile.cost-tile-small
		{
			width: 100%;
			float: none;
		}
		.cost-tile.cost-tile-small:nth-child(2n),
		.cost-tile.cost-tile-small:nth-child(4n),
		.cost-tile.cost-tile-small:nth-child(3n)
		{
			margin: 0 0 10px 0;
			
		}
		
		
		.cost-tile.cost-tile-thin.cost-tile-thin-wide
		{
			width: 100%;
			float: none;
		}
		
		.cost-tile.cost-tile-thin.cost-tile-thin-wide:nth-child(2n),
		.cost-tile.cost-tile-thin.cost-tile-thin-wide:nth-child(3n)
		{
			margin: 15px 0;
		}
		
		.cost-tile.cost-tile-intro,
		.cost-tile.cost-tile-main
		{
			float: none;
			width: 100%;
		}
		.cost-tile.cost-tile-comparison > .cost-tile-value
		{
			font-size: 32px;
		}
		.cost-tile.cost-tile-ranking > .cost-tile-value,
		.cost-tile.cost-tile-ranking > .cost-tile-value.cost-tile-value-left
		{
			font-size: 24px;
			line-height: 28px;
		}
		.cost-tile.cost-tile-ranking > .cost-tile-value.cost-tile-value-left
		{
			max-width: 65%;
			bottom: 8px;
		}
		.cost-tile.cost-tile-comparison.cost-tile-header > .cost-tile-value > .main-label
		{
			font-size: 18px;
			line-height: 20px;
		}
		
		.cost-tile-main.cost-tile-main-small,
		.cost-tile.cost-tile-small
		{
			width: 145px;
			float: left;
			margin-right: 10px !important;
			margin-left: 0;
		}
		.cost-tile-main.cost-tile-main-small:nth-child(2n),
		.cost-tile.cost-tile-small:nth-child(2n)
		{
			margin-right: 0 !important;
			margin-left: 0;
		}
		
		.cost-tile .cost-tile-label,
		.cost-tile .cost-tile-value > .sub-label
		{
			font-size: 16px;
			line-height: 1.3em;
		}
		.cost-tile .cost-tile-label > .cost-tile-label-description,
		.cost-tile.cost-tile-category.cost-tile-aff-highlight .cost-tile-label .cost-tile-label-description
		{
			font-size: 16px;
			line-height: 1.3em;
			display: inline;
		}
		
		.tile-sub-section > h6.sub-section-header
		{
			font-size: 20px;
			line-height: 1.3em;
		}
		
		.row-tile .row-tile-label
		{
			float: none;
			width: 100%;
			height: auto;
		}
		.row-tile .row-tile-label .row-tile-label-description
		{
			float: right;
		}
		.row-tile .row-tile-value
		{
			width: 33%;
			padding: 10px 5px;
		}
		
		.img-right
		{
			width: 100%;
		}
		
		img.show-small
		{
			display: block;
		}
		img.show-large,
		img.show-medium
		{
			display: none;
		}
		
		.hostel.hostel-summary.hostel-snippet
		{
			width: 100%;
			margin-right: 0;
			margin-left: 0;
			float: none;
			min-height: 0;
		}
		.hostel.hostel-summary.hostel-snippet button.title-link
		{
			min-height: 0;
		}
		.hostel.hostel-summary.hostel-snippet button.book-now
		{
			width: auto;
			min-width: 50%;
		}
		
		.promo-widget
		{
			margin: 20px 0 5px;
		}
		.promo-widget .promo-widget-logo
		{
			margin-top: 0px;
		}
		.accom-widget-options > div
		{
			width: 100%;
			float: none;
		}
		button.accom-button
		{
			width: 100%;
			font-size: 18px;
			margin: 8px 0 2px 0px;
		}

		.jump-nav
		{
			margin-bottom: 20px;
			position: relative;
		}
		.jump-nav > strong
		{
			display: block;
		}
		.jump-nav ul
		{
			margin: 15px 0;
			padding: 0;
			display: inline;
		}
		.jump-nav ul li
		{
			margin: 8px 0;
			padding: 0;
			list-style: none outside none;
			display: inline;
		}

		.jump-nav ul li a
		{
			background: #f0f0f0;
			padding: 8px 12px;
			margin: 4px;
			display: inline-block;
		}
		
		.smarter-travel-widget
		{
			height: 300px;
		}
		
		a.tour-article-link
		{
			width: 100%;
			height: auto;
			margin-right: 0px;
		}
		a.tour-article-link:nth-child(3n),
		a.tour-article-link:nth-child(2n)
		{
			margin-right: 0px;
		}
		
		.tour-description .tour-stats,
		.tour-description .tour-text
		{
			display: block;
			float: none;
			padding: 0;
			margin: 0 0 15px 0;
			width: 100%;
		}
		.tour-description .tour-summary
		{
			padding: 0;
		}
		.tour-description .tour-images
		{
			height: 120px;
		}
		
		
		.tour.tour-snippet,
		.tour.tour-snippet.tour-gyg,
		.tour.tour-snippet.tour-shareasale
		{
			width: 50%;
			height: auto;
		}
		
		.tour.tour-snippet .tour-image
		{
			height: 110px;
		}
		.tour.tour-snippet .tour-info
		{
			margin-bottom: 0;
			padding-bottom: 0;
		}
		.tour.tour-snippet .tour-info .tour-info-price,
		.tour.tour-snippet .tour-info .tour-length
		{
			float: none;
			width: 100%;
			text-align: left;
			margin-bottom: 8px;
		}
		.tour.tour-gyg .tour-info-price
		{
			background-position: 130% 0px;
			background-size: 60px;
			font-size: 18px;
		}
		
		.tour .tour-sub,
		.tour-company .tour-company-sub
		{
			position: relative;
			overflow: hidden;
			height: auto;
		}
		.tour.tour-snippet .tour-sub
		{
			height: auto;
		}
		
		
		.tour .tour-cta-buttons,
		.tour-company .tour-cta-buttons
		{
			display: block;
			width: 100%;
			box-sizing: border-box;
		}
		.tour .tour-cta,
		.tour-company .tour-cta,
		.tour.tour-snippet .tour-cta
		{
			display: block;
			width: 100%;
			max-width: 100%;
			margin: 10px 0 0 0;
			box-sizing: border-box;
			padding: 12px 0;
			font-size: 18px;
			line-height: 18px;
		}
		.tour.tour-snippet .tour-cta
		{
			font-size: 16px;
			line-height: 16px;
			margin: 0;
		}

		.tour.tour-snippet.tour-wide,
		.tour.tour-snippet.tour-wide .tour-image
		{
			height: 190px;
			
		}
		.tour.tour-snippet .tour-image h2
		{
			font-size: 16px;
			line-height: 18px;
			bottom: 10px;
			left: 10px;
			padding: 0 10px 0 0;
		}
		.tour.tour-snippet.tour-wide .tour-image h2
		{
			font-size: 18px;
			line-height: 22px;
		}
		.tour.tour-snippet.tour-wide .tour-info
		{
			height: 130px;
		}
		
		.tour-company-search-results .tour-company,
		.tour-search-results .tour
		{
			float: none;
			width: 100%;
			height: auto;
			margin: 0 0 20px 0;
		}
		.results-column
		{
			margin-top: 30px;
		}
		
		.search-filter-input input[type=checkbox] {
		  /* All browsers except webkit*/
		  transform: scale(2);
		  /* Webkit browsers*/
		  -webkit-transform: scale(2);
		  margin-right: 8px;
		}
		
		.search-filter-block .search-filter-block-form .search-filter-input
		{
			font-size: 16px;
			padding: 5px 0 5px 5px;
		}
		
		.search-filter-block .search-filter-block-form .search-filter-input input,
		.search-filter-block .search-filter-block-form .search-filter-input input[type=text],
		.search-filter-block .search-filter-block-form .search-filter-input input[type=number]
		{
			font-size: 16px;
			font-weight: bold;
		}
		
		.search-filter-block .search-filter-input .angucomplete-dropdown
		{
			font-size: 16px;
			line-height: 18px;
			font-weight: bold;
		}
		
		.search-filter-block .search-filter-block-form .search-filter-input .search-filter-input-children
		{
			margin-top: 10px;
		}
		
		.search-filter-block.search-filter-block-submit button
		{
			padding: 15px;
			font-size: 18px;
		}
		
		.sas-article-gyg-widget
		{
			float: none;
			margin: 0 0 10px;
			width: auto;
			height: auto;
		}
		
		button.gyg-sale-banner
		{
			height: 130px;
		}
		button.gyg-sale-banner > span
		{
			background: rgba(0,0,0,0.6);
		}
		button.gyg-sale-banner > span > span
		{
			padding: 10px 30px;
		}
		
		.cost-tile-intro .reportoptions
		{
			float: none;
			width: auto;
			margin: 0 0 10px 0;
			padding: 0;
		}
		
		.reportoptions select,
		.reportoptions input,
		.reportoptions textarea
		{
			font-size: 17px;
		}

		
		.footer-region-links a
		{
			background: #ffffff;
			display: inline-block;
			padding: 6px 10px;
			margin: 5px 0;
		}
		
		.award-page-title span
		{
			width: 100%;
		}
		.award-page-title span:before
		{
			left: 1%;
		}
		.award-page-title span:after
		{
			right: 1%;
		}
		
		.brick-layout-section,
		.brick-layout-section.brick-layout-section-row-3-alt,
		.brick-layout-section.brick-layout-section-row-3,
		.brick-layout-section.brick-layout-section-row-2,
		.brick-layout-section.brick-layout-section-row-2-alt,
		.brick-layout-section.brick-layout-section-row-1
		{
			display: block;
			margin: 0;
			padding: 0;
		}
		
		.brick, .brick.hostel
		{
			margin: 0 0 40px;
		}
		.brick .brick-header .brick-header-image
		{
			height: 125px;
		}
		.brick form button.title-link h3
		{
			font-size: 36px;
			line-height: 38px;
			margin-bottom: 15px;
		}
		.brick.hostel h4
		{
			font-size: 20px;
			line-height: 22px;
		}
		.brick .brick-content,
		.brick.hostel .brick-content
		{
			background-color: white;
			padding: 30px 0 15px 0;
		}
		.brick .brick-header .brick-header-image.brick-header-image-map
		{
			height: 60px;
		}
		
		.city-info.innercolumnthird-third.small-mobile
		{
			width: 50%;
			float: right;
			margin: 0 0 10px 15px;
		}
		
		.city-comparison-list a
		{
			line-height: 50px;
			
		}
		
		.info-card.half-card
		{
			float: none;
			margin: 15px 0;
			height: 200px;
			width: 100%;
		}

		.info-card .info .rating > span
		{
			display: block;
		}
		
		.cost-tile.cost-tile-right-small
		{
			width: 50%;
			margin: 15px 0 15px 15px !important;
		}
		.cost-tile.cost-tile-push-down
		{
			margin-top: 15px;
		}
		
		.compare-checkboxes > .compare-checkbox
		{
			padding: 10px 0 10px 35px;
			background-position: 4% center;
			background-size: 20px;
			text-align: left;
		}
		.compare-checkboxes > .compare-checkbox.compare-checkbox-right
		{
			padding: 10px 35px 10px 0;
			text-align: right;
			background-position: 96% center;
		}
		.compare-checkboxes.compare-checkboxes-equal
		{
			background-size: 20px;
		}
		.compare-checkboxes.compare-checkboxes-equal > .compare-checkbox
		{
			padding-right: 20px;
			padding-left: 0px;
			text-align: right;
		}
		.compare-checkboxes.compare-checkboxes-equal > .compare-checkbox.compare-checkbox-right
		{
			padding-right: 0px;
			padding-left: 20px;
			text-align: left;
		}
		
		.cost-tile.cost-tile-right-small.cost-tile-inline-callout
		{
			width: 100% !important;
			margin-right: 0 !important;
			margin-left: 0 !important;
		}
		
		.amenities-container.rightcol
		{
			margin-bottom: 0;
		}
		
    }
	
	
	
	
	
	

/* #Mobile (tablet)
================================================== */

    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 380px) and (max-width: 809px) {
		#container,
        .container,
		#header .headerbody,
        #header-top .headerbody-topbar,
		#footer .contentbox,
		.footer .contentbox,
        .large-header .center-row
		{
			width: 360px;
			clear: both;
		}
		
		body
		{
			background: #ffffff;
		}
		
		.contentbox
		{
			padding: 0;
			border: 0;
			background: transparent;
			clear: both;
			box-shadow: none;
		}
		
		#header
		{
			height: auto;
			overflow: visible;
		}
		#header .headerbody
		{
			height: auto;
		}

		#header:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		
		#footer,
		.footer
		{
			border-top: 1px solid #cccccc;
			padding-top: 20px;
			margin-top: 20px;
		}
		
		#maincarousel,
		.carousel-holder .jcarousel-item
		{
			width: 360px;
			height: 114px;
		}
		.jcarousel-item .bg
		{
			background-size: 360px auto;
		}
		.jcarousel-item .bg .white a
		{
			font-size: 0.85em;
		}
        
		
		li.header-question
		{
			display: none;
		}
		
		
		
		.column, .majorcolumn, .minorcolumn, .quartercolumn, .halfcolumn,
		.hugecolumn, .tinycolumn, .halfmajorcolumn,.thirdcolumn,.thirdcolumnlast,
		.innercolumn, .innercolumnwide, .innercolumnthird, .innercolumnquarter, .innercolumnthreequarters, .innercolumntwothirds,
		.innercolumnfat, .innercolumnthin, .innercolumntiny, .innercolumntiny2, .innercolumncitytitle,
		.innercolumncityphoto, .innercolumngigantic, .innercolumnprofilesmall, .innercolumnprofilebig,
		.innercolumntablewide, .innercolumntablethin, .innercolumnfifth, .innercolumn-front, .innercolumn-front-inner, .innercolumn-front-list
		{
			width: 360px;
			float: none;
		}
		
		.innercolumn-major-half
		{
			width: 175px;
		}

        .city-info img.inline-photo,
		.city-info .right .caption
        {
            width: auto;
            margin: 10px 0 5px;
        }
		.city-info .right .caption
		{
			margin: 0 0 5px 0;
		}
		
		ul.shortmenu
		{
			top: 0;
			left: 0;
			margin: 0;
		}

		
		ul.submenu
		{}
		ul.submenu li
		{
			margin-right: 0;
			margin-left: 0;
			float: left;
		}
		ul.submenu li a
		{

		}

        .travel-guide-ad
        {
            width: 170px;
        }

        .article-card.article-card-small
        {
            width: 170px;
            margin: 0 20px 20px 0;
        }
        .article-card.article-card-medium
        {
            width: 170px;
            margin: 0 20px 20px 0;
        }
        .article-card.article-card-large
        {
            width: 360px
            margin: 0 0 20px 0;
        }
		.innercolumn-major-half .article-card.article-card-small
		{
			width: 175px;
            margin: 0 10px 10px 0;
		}

        .article-card.article-card-small > span > span { width: 160px; }
        .article-card.article-card-medium > span > span { width: 160px; }
        .article-card.article-card-large > span > span { width: 340px; }
		.innercolumn-major-half .article-card.article-card-small > span > span
		{
			width: auto;
		}

        a.article-card.article-card-small:nth-child(1n),
        a.article-card.article-card-small:nth-child(4n),
        a.article-card.article-card-medium:nth-child(1n),
		.article-card-form:nth-child(1n) > button.article-card-small,
		.article-card-form:nth-child(4n) > button.article-card-medium,
		.article-card-form:nth-child(1n) > button.article-card-large
        {
            margin-right: 20px;
        }
		.innercolumn-major-half .article-card.article-card-small:nth-child(1n)
		{
			margin-right: 10px;
		}

        a.article-card.article-card-small:nth-child(2n),
        a.article-card.article-card-medium:nth-child(2n),
        a.article-card.article-card-large:nth-child(1n),
		.article-card-form:nth-child(2n) > button.article-card-small,
		.article-card-form:nth-child(2n) > button.article-card-medium,
		.article-card-form:nth-child(1n) > button.article-card-large
        {
            margin-right: 0;
        }
		
		.guide-article .hostel.hostel-snippet.hostel-aside,
		.guide-article .hostel.hostel-snippet.hostel-aside.hostel-aside-thin,
		.guide-article .shareasale.shareasale-snippet.shareasale-aside,
		.guide-article .shareasale.shareasale-snippet.shareasale-aside.shareasale-aside-thin
		{
			width: 50%;
			float: right;
			margin: 0 0 20px 20px;
		}
		
		
		.cost-tile:nth-child(3n),
		.cost-tile.cost-tile-main.cost-tile-main-small:nth-child(2n)
		{
			margin: 0 20px 20px 0 !important;
		}
		.cost-tile:nth-child(2n),
		.cost-tile.cost-tile-main.cost-tile-main-small:nth-child(2n)
		{
			margin-right: 0 !important;
		}
		.cost-tile.cost-tile-small:nth-child(2n),
		.cost-tile.cost-tile-small:nth-child(4n)
		{
			margin: 0 15px 15px 0 !important;
		}
		.cost-tile.cost-tile-small:nth-child(3n)
		{
			margin-right: 0 !important;
		}
		
		.cost-tile,
		.cost-tile.cost-tile-main.cost-tile-main-small
		{
			float: left;
			width: 170px;
			margin: 0 20px 20px 0 !important;
		}
		.cost-tile.cost-tile-small
		{
			float: left;
			width: 110px;
			margin: 0 15px 15px 0;
		}
		
		
		.cost-tile.cost-tile-thin.cost-tile-thin-wide
		{
			width: 100%;
			float: none;
		}
		.cost-tile.cost-tile-thin.cost-tile-thin-wide,
		.cost-tile.cost-tile-thin.cost-tile-thin-wide:nth-child(2n)
		{
			margin: 15px 0;
		}
		
		.cost-tile > .cost-tile-value,
		.cost-tile.cost-tile-main > .cost-tile-value
		{
			font-size: 36px;
		}
		.cost-tile.cost-tile-small > .cost-tile-value
		{
			font-size: 32px;
		}
		
		.brick .brick-header .brick-header-image
		{
			height: 180px;
		}
		
		
		button.gyg-sale-banner
		{
			height: 100px;
		}
		
		button.gyg-sale-banner > span > span
		{
			padding: 5px 15px !important;
		}

        img.show-medium
		{
			display: block;
		}
		img.show-large,
		img.show-small
		{
			display: none;
		}
		
		.tour.tour-gyg .tour-info-price
		{
			background-position: 110% 0px;
			background-size: 80px;
		}
		
		
    }
	
	/* wider phones */
	
	@media only screen and (min-width: 420px) and (max-width: 809px) {
		#container,
        .container,
		#header .headerbody,
        #header-top .headerbody-topbar,
		#footer .contentbox,
		.footer .contentbox,
        .large-header .center-row
		{
			width: 400px;
			clear: both;
		}
		
		.column, .majorcolumn, .minorcolumn, .quartercolumn, .halfcolumn,
		.hugecolumn, .tinycolumn, .halfmajorcolumn,.thirdcolumn,.thirdcolumnlast,
		.innercolumn, .innercolumnwide, .innercolumnthird, .innercolumnquarter, .innercolumnthreequarters, .innercolumntwothirds,
		.innercolumnfat, .innercolumnthin, .innercolumntiny, .innercolumntiny2, .innercolumncitytitle,
		.innercolumncityphoto, .innercolumngigantic, .innercolumnprofilesmall, .innercolumnprofilebig,
		.innercolumntablewide, .innercolumntablethin, .innercolumnfifth, .innercolumn-front, .innercolumn-front-inner, .innercolumn-front-list
		{
			width: 400px;
			float: none;
		}
		
		.innercolumn-major-half
		{
			width: 195px;
		}
		
		.article-card.article-card-small,
        .article-card.article-card-medium
        {
            width: 190px;
            margin: 0 20px 20px 0;
        }
        .article-card.article-card-large
        {
            width: 400px;
            margin: 0 0 20px 0;
        }
		.innercolumn-major-half .article-card.article-card-small
		{
			width: 195px;
            margin: 0 10px 10px 0;
		}
		
		.article-card.article-card-small > span > span { width: 180px; }
        .article-card.article-card-medium > span > span { width: 180px; }
        .article-card.article-card-large > span > span { width: 400px; }
		
		.cost-tile,
		.cost-tile.cost-tile-main.cost-tile-main-small
		{
			float: left;
			width: 190px;
			margin: 0 20px 20px 0 !important;
		}
		.cost-tile.cost-tile-small
		{
			float: left;
			width: 123px;
			margin: 0 15px 15px 0;
		}

	}

#special-footer-mobile-ad {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
}
@media (max-width:600px) { #special-footer-mobile-ad { display: block; } }




@media print
{
    body
    {
        background: #ffffff;
    }
    .contentbox
    {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #header,
    #footer,
	.footer,
    #feedback,
    .ad,
    .agentoptions,
    .agentoptionsflat,
    .facebooklikecontainer,
    .breadcrumbs,
    .innercolumncityphoto,
    ul.shortmenu,
    #currencymenu,
    a.cityedit,
    a.transedit,
    a.add,
    #entryform,
    .message,
    .print-link,
    .no-print,
    .noprint,
    .reportoptions,
    .sectiontitle-flag img,
    .toggle-button,
    .edit-help,
    .expand-button,
    .agent-owner-tab,
    .tipsy
    {
        display: none !important;
    }

    .agentlogo
    {
        display: block;
    }

    .edit-blank:before
    {
        content: none !important;
    }

    .activity-highlight
    {
        background: transparent !important;
    }
    .activity-highlight .activity-cost
    {
        background-image: none !important;
    }

    .sectioninvoice
    {
        background: transparent;
        padding: 0;
    }

    .more-expand-wrapper-limited .more-expand-wrapper-inner
    {
        max-height: auto !important;
    }
}