/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* your CSS here */
html, body{
	overflow-x:hidden !important;
}
.desktop{display:block !important;}
.mobile{display:none !important;}
.swipeMe{
	position:absolute;
	width:50px;
    z-index: 999;
    right: 2vw;
    padding: 2vw;
}
@media ( max-width: 1920px ) {
	iframe:not(.cIframe):not([id*="sas_"]):not([class*="sapo_"]):not([id*="ebAd"]){
		width:700px !important;
		height:450px !important;
	}
}
@media ( max-width: 1399px ) {
	iframe:not(.cIframe):not([id*="sas_"]):not([class*="sapo_"]):not([id*="ebAd"]){
		width:640px !important;
		height:360px !important;
	}
}
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {
		/* your CSS here */
		#page-sidebar { margin-left: 100px !important; }
	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {
		#page-sidebar { margin-left: 100px !important; }
		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {
		#page-sidebar { margin-left: 100px !important; }

		/* your CSS here */

	}
	
	.commentHide{
		display:none;
	}
	
	@media (max-width: 767px) {
		.desktop{display:none !important;}
		.mobile{display:block !important;}
		h1{font-size:6vw !important;}
		#page-sidebar{margin-left: 0px !important;}
		#page-header .breadcrumbs2 {
		    margin: 0px 0px 1vw 0;
		    width: auto;
		}
		#page-header .breadcrumbs2 li {
		    font-size:3vw;
		    padding: 0.5vw;
		}
		
		.prev{
			width:45% !important;
			float:left !important;
			padding:0 !important;
		    font-size:3vw;
		    text-align:left !important;
		}
		.next{
			width:45% !important;
			float:right !important;
			padding:0 !important;
		    font-size:3vw;
		    text-align:right !important;
		}
		.prev span{
			display:block;
			clear:both;
			position:absolute;
			top:0;
			left:15px;
		}
		.next span{
			display:block;
			clear:both;
			position:absolute;
			top:0;
			right:15px;
		}
		.prev a, .next a{
			display:block;
			clear:both;
			margin-top:15px;
		}
		#page-header {
		    padding: 2px 0 5px 0;
		    margin-bottom: 0px;
		    border-bottom: none;
		}
		#header.m-large .main-sidebar-toggle {
		    top: 18px;
		}
		iframe{
			width:100%;
			max-width:100%;
			height:auto;
		}
		.blog-detail .article-related {
		    margin-top: -20px !important;
		    border-top: none !important;
		}
		.sidebar-search{
			display:none;
		}
		.c-gallery .gallery-tools .gallery-filter{
		    float: none;
		    padding-top: 6vh;
		    padding-bottom: 0px;
		    margin-bottom: 0px;
		    font-size: 3vw;			
		}
		.formText input{
			left:0 !important;
		}
		#cycle-slideshow{
		    margin-left: -10px !important;
		    margin-right: -10px !important;	
		}
		.cycle-overlay.mobile{
		    margin-left: -20px !important;
		    margin-right: -20px !important;
		    width: auto !important;	
		    padding-right: 30px !important;
		}
		img {
		    max-width: 100%;
		    height: auto;
		}

	}
@media (max-width: 767px){
	.container {
	    padding-left: 10px;
	    padding-right: 10px;
	}
}