/*MEDIA QUERIES*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

@media only screen and (min-width : 992px) and (max-width: 1200px) {
	.container {
		width:100%;
		padding-left:50px;
		padding-right:50px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.row {
	    margin-left: -26px;
	    margin-right: -26px;
		}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	    padding-left: 26px;
	    padding-right: 26px;
	}
	.container {
	    padding-left: 26px;
	    padding-right: 26px;
	}
	.row.pagination.pagination-top {
	    display: block;
	    border-radius: 0;
	    padding: 0 0 15px;
	    position: absolute;
	    top: 3px;
	    width: 100%;
	}
	.row.pagination.pagination-top .nav-center {
	    display: none;
	}

}

/* Extra large screens */
@media only screen and (min-width : 1360px) {
	.featured {
		margin:0 120px;
	}
	.container {
	  max-width: 1320px;
	}
	.container-large {
		width:1300px;
	}
	.container.container-large.container-index {
		max-width: 100%;
		padding: 0 50px;
		width: 100%;
	}
	.home .container-large .posts-primary{
		width:54%;
	}
	.home .container-large .posts-secondary, .home .container-large .sidebar-col {
		width:23%;
	}

	.container-medium {
		width:1170px;
	}
	section.homepage-slider .slick-prev:before, section.homepage-slider .slick-next:before {
	    color: #333;
	}

	section.homepage-slider .slick-prev {
		left: -50px;
	}

	section.homepage-slider .slick-next {
		right: -50px;
	}
	.posts-secondary .posts-wrap .thumbnail-post .post-details {
    	min-height: 81px;
	}

}

@media only screen and (min-width : 1445px) {
	.container.container-large.container-index {
		width: 1342px;
		padding:0;
	}
}

@media only screen and (min-width : 1480px) {
}
/*==========  Non-Mobile First Method  ==========*/


@media only screen and (max-width : 1200px) {
	#less-1200 {
		display: none;
	}
	.menu-open #side-nav {
		width:400px;
	}
	.header #menu-button {
		display: block;
	}

	.header .top-search {
	  height: 0;
	  display: none;
	}

	.header #top-menu {
	  display: none;
	}
	section.header {
		box-shadow: 0 1px 0 rgba(0,0,0,.17);
		top:0 !important;
		position: fixed;
	}
	#side-nav {
		height: -webkit-calc(100% - 115px);
		height: -moz-calc(100% - 115px);
		height: calc(100% - 115px);
		top: 115px;
	}
	.scrolled #side-nav {
		height: calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: -moz-calc(100% - 90px);
		top: 90px;
	}
	.top-bar-center {
		display: none;
	}
	.top-bar-right {
		max-width: none;
	}
	.enquire-now-nav {
	    float: right;
	    margin: 0;
	}
	.form-inline .form-group {
		margin-bottom: 0;
	}
	section .tours-slides .slick-prev {
    left: -23px;
    width: 30px;
	}
	section .tours-slides .slick-next {
	    right: -23px;
	    width: 30px;
	}
	section .tours-slides .slick-prev, section .tours-slides .slick-next {
	    height: 60%;
	    background: transparent;
	}
	section .tours-slides .slick-next {
		text-indent: 0;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	section.header {
	    padding: 5px 0;
	}

	.header .logo {
	  max-width: 254px;
	}

	.top-bar {
		min-height: 89px;
	}
	#side-nav {
		height: -moz-calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: calc(100% - 90px);
		top: 90px;
	}
	.contributor-slides.slick-slider {
		margin:0;
	}
	section .tour-slide {
	    padding: 0 15px;
	}
	section.connect .connect-subscribe {
		padding: 0 50px;
	}
	.bottom-bar-center.bottom-bar {
	    float: right;
	}
	.bottom-bar-right.bottom-bar.pull-right {
	    display: none;
	}
	.bottom-bar-left .footer-text-link {
		display: none;
	}
	.bottom-bar-left.bottom-bar.pull.left {
		width:112px;
	}
	.post-archive p {
    	font-size: 15px;
    }
    .post-archive .author-title {
    	font-size: 18px;
    }
}
@media only screen and (max-width : 800px) {
	section .contributor-slides .slick-next {
	    right: -20px;
	}
	section .contributor-slides .slick-prev {
	    left: -20px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.menu-open #side-nav {
		width:100%;
	}
	#side-nav {
		background-size: 300px;
	}
	.menu-open #page-overlay {
		display: none !important
	}
	.container {
    padding-left: 26px;
    padding-right: 26px;
	}
	section.share-story .story-send, section.share-story .story-archive-link {
	    padding: 0 15px;
	}
	footer h4 {
		font-size:16px;
	}
	.section-title {
		font-size:16px;
		margin: 4px 0 45px;
	}
	#wrap section {
		padding-top:45px;
	}
	#wrap .section-bar.connect {
	    padding-bottom: 75px;
	}
	#links {
	    padding: 25px 0 45px;
	}
	.index-section article.featured-medium-post .title a {
	    font-size: 18px;
	}
	.index-section article.featured-medium-post .title {
	    line-height: 1.3;
	    padding: 6px 0px 4px;
	}
	.tours-enquire-wrap.tours-wrap.tours-enquire {
	    max-width: 300px;
	    margin: 22px auto 0;
	}
	.tours-carousel-wrap.tours-wrap {
	    padding-bottom: 20px;
	    border-bottom: 1px solid #888;
	}
	.index-section article.featured-medium-post .post-details {
	    min-height: 0;
	    margin: 0px 00px 40px;
	}
	.recommended.posts-wrap .row > .col-sm-4 {
		display: none;
	}
	.recommended.posts-wrap .row > .col-sm-4:first-child {
		display: block;
	}
	.recommended.posts-wrap {
		max-width: 280px;
		margin: 0px auto;
	}

	article p {
	    font-size: 16px;
	    line-height: 1.6;
	}
	.single-author .author-img {
	    max-width: 200px;
	    margin: 0 auto 30px;
	}
	.single-author .author-title {
	    font-size: 18px;
	    text-align: center;
	}
	.author-subtitle {
	    text-align: center;
	}
	.single-author .btn-default {
	    margin: 18px 0 0;
	}
	article ul, article ol {
	    font-size: 16px;
	}
	.post-archive .author-title {
		padding: 9px 0px 4px;
		margin: 0;
	}
	.post-archive .author-subtitle {
	    text-align: left;
	    margin: 0px 0 18px;
	}
	.post-archive .details-wrap > p {
		display: none;
	}

	.index-section article .post-details {
	    margin-bottom: 45 !important;
	}
	.post-archive .cat {
	    margin-bottom: 0;
	}
	.pagination .nav-center {
		display: none;
	}
	.content-row {
	  padding-bottom:0px;
	}

}

@media all and (orientation:landscape) and (max-width : 670px) {
	.single .header-section, .home .header-section {
	    min-height: 400px;
	}
	.featured {
		min-height: 311px;
	}
}

@media only screen and (max-width : 670px) {
	#less-670 {
		display: none;
	}
	.tours-carousel-wrap.tours-wrap {
	    max-width: 290px;
	    margin: 0px auto;
	}
	section.connect .connect-subscribe, section.connect .connect-social {
		width:100%;
		border-right:none;
	}

	section.connect .connect-social .connect-wrap {
	    border-bottom: 1px solid #888;
	    padding: 0px 0px 20px;
	    overflow: hidden;
	    margin: 0 35px;
	}
	.connect-subscribe-wrap.connect-wrap {
	    margin-top: 23px;
	}
	.slide-content {
		padding:25px 0 0;
	}
	.homepage-slider .slide .slide-background, .single .featured .slide-background, .video-background {
	    height: -webkit-calc(100% - 100px) !important;
	    height: -moz-calc(100% - 100px) !important;
	    height: calc(100% - 100px) !important;
	}
	.featured .title, .author-bio .title {
		line-height:1.4;
	}
	#wrap section.author-bio {
	  padding:28px 0 75px;
	}
	#side-nav .top-search {
		display: none;
	}
	.home .blog-title-row {
		top: -108px;
		padding: 33px 0;
	}
	.bottom-bar-center.bottom-bar {
	    width: auto;
	    float: right;
	}
	.essb_item.essb_link_linkedin.nolightbox {
	    display: none;
	}
	.essb_item.essb_link_print.nolightbox {
	    display: none;
	}
	.essb_item.essb_link_more.nolightbox {
	    display: none ;
	}
}

@media only screen and (max-width : 560px) {
	.enquire-now-nav {
		display: none;
	}
	#side-nav li.enquiry {
		display: block;
	}
	.top-bar-right {
	    padding: 14px 0 0 0px  !important;
	}
	#side-nav .nav > li > a {
    	padding: 8px 0px 8px 30px;
    }
    #side-nav .nav {
    	padding: 8px 15px 0 0px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.bottom-bar-left .footer-text-link {
		display: none;
	}
	section.header .container {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.contributor-slides.slick-slider {
	    margin: 0 auto;
	    max-width: 290px;
	}
	section.connect .connect-subscribe {
		padding: 0 30px;
	}
	section.connect .connect-social .connect-wrap {
	    margin: 0 15px;
	}
	.essb_item.essb_totalcount_item {
	    display: none !important;
	}
	.essb_item.essb_link_mail.nolightbox {
	    display: none;
	}
	p {
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	  -ms-word-break: break-all;
	  -webkit-word-break: break-word;

	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
	}
	.post-archive .author-title {
	    padding: 5px 0px 8px;
	    margin: 0;
	    font-size: 17px;
	    letter-spacing: 0;
	}
	.post-archive .cats {
	    display: none;
	}


}

@media only screen and (max-width : 360px) {
	.top-bar {
	    min-height: 80px !important;
	}
	#side-nav {
		height: -webkit-calc(100% - 80px) !important;
		height: -moz-calc(100% - 80px) !important;
	    height: calc(100% - 80px) !important;
	    top: 80px !important;
	}
	.header .logo {
	    max-width: 224px  !important;
	}
	.header #menu-button {
		margin: 2px 0 0  !important;
	}
	.featured .title a, .featured .title, .author-bio .title {
		font-size:18px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
	.enquire-icon {
	  display: inline;
	}
	.enquire-text {
		display: none;
	}
	li.enquiry .enquiry {
	    padding: 14px 16px 12px 16px;
	}
	li.enquiry {
	    margin-left: 0;
	}
}

