/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

*{
	box-sizing: border-box;
}
body{
	font-family: Univers, sans-serif;
	font-size:12px;
	line-height:14px;
}
.clear-left{
clear:left;
}
.noselect, .noselect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.entry-content img{
max-width:100%;
height:auto;
}
.category-news .orbit-caption,
.category-artist .orbit-caption,
.category-gallery .orbit-caption,
.category-press .orbit-caption{
	display:none !important;
}

/* TYPOGRAPHY */

@font-face {
    font-family: AktivGrotesk;
    src: url(aktivgroteskstdreg-webfont.woff2);
    src: url(aktivgroteskstdreg-webfont.woff);
}

@font-face {
    font-family: Albertina;
    src: url(albertinamtstd-regular-webfont.woff2);
    src: url(albertinamtstd-regular-webfont.woff);
}

@font-face {
    font-family: Univers;
    src: url(UniversLTStd.woff);
}


p{
	padding-bottom:15px;
	font-family: Univers, sans-serif;
	font-size:12px;
	line-height:14px;
	color: #282828;
}

strong{
	font-weight:bold;
}


h1, h2, h3, h4{
	font-family: Albertina, Times, sans-serif;
	color: #282828;
}

h1{
	font-size:34px;
	line-height:34px;
}

h2{
	font-size:22px;
	padding-bottom:5px;
	border-bottom:1px dotted #919191;
	letter-spacing:1px;
	line-height: 1.1;
}

h2 a{
	text-decoration:none;
}

h1.entry-title {
padding-bottom:25px;
}

h2.entry-title {
padding-bottom:6px;
margin-bottom:25px;
}

body.category-past-exhibitions h2.entry-title {
	margin-bottom: 35px;
}

.entry-content{
position:relative;
}

.expandTrigger h2 {
color:red;
margin-bottom:10px;
}

.showCv{
	display:none;
	overflow:hidden;
	padding-bottom:25px;
}

.viewCv{
	cursor:pointer;
}


.viewCv:hover { color: red; }


a:not(.noHover):hover {
	color:red !important;
}

a, a:visited, a:link {
color:black;
}

.more-link, .more-link:active, .more-link:hover{
	color:red;
	display:block;
	font-size:10px;
	text-transform: lowercase;
	border-bottom: none !important;
}

body.category-news .entry-content a {
	border-bottom: 1px dotted red;
	underline:none !important;
	}
	
	

a.postCats {
display:none;
color:#ccc !important;
}

hr { 
	border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* BACKGROUND TRANSITIONS */
/* Fade */

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}


/* MENU */

.menu-item-2758.menu-item-has-children:not(.current-menu-parent):hover .sub-menu{
	width:320px;
	z-index:2;
}
.menu-item-2758.menu-item-has-children:not(.current-menu-parent):hover .sub-menu li{
	background-color:white;
	display:list-item;
}
.sub-menu{
	position:absolute;
	left:15px;
}
.showWithParent{
	display:none;
}
.current-menu-item .showWithParent,
.current-menu-parent .showWithParent{
	display:list-item;
}

a.current-menu-item, .current-menu-item > a, .current-menu-parent > a{
 color:red;
}

	.headerRightBottom{
		display:none;
		padding:10px;
			margin-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #606060;
	border-bottom:1px dotted #606060;
	}
@media only screen and (min-width: 0px) and (max-width: 1024px){

	#headerRight{
		display:none;
	}
	.headerRightBottom{
		display:block;
	}

}







/* GENERAL CONTENT */

#content {
padding-top:20px;
padding-bottom:20px;
}

#wrapper{
	padding:10px 10px 10px 15px;
	width:100%;
	max-width:2000px;
}


/* HEADER */
#headerLeft, #headerRight{
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #606060;
	border-bottom:1px dotted #606060;
	padding:10px 0px;
	height:108px;
}

#site-title{
	margin-bottom:22px;
	text-decoration:none;
}

#site-title a{
	text-decoration:none;
}

.berlin{
	color:red;
}

#menu li{
	float:left;
	padding-right:15px;
}

#menu li:last-of-type{
	padding-right:30px;
}

.exh_date{
	float:right;
}
.category-upcoming_exhibitions {
  margin-bottom: 2rem;
}

body.category-upcoming_exhibitions .exh_date {
	display:none;
}	

#nav-below {
	padding-bottom:35px;
}




/* ARTISTS */
.rightSideBuffer{
	height: 32px;
	margin-top:0px;
    border-bottom: 1px dotted black;
    margin-bottom: 32px;
}
.moreMore{
	display: none;
}
.moreSlide{
	cursor:pointer;
	padding-bottom:10px;
}
.category-artists h2:first-of-type{
margin-top:5px;
}

.category-artists h2.entry-title {
padding-top:6px;
padding-bottom:1px;
margin-bottom:3px;
}
.category-news h2.entry-title {
padding-top:6px;
padding-bottom:5px;
margin-bottom:8px;
}

.category-news {
	padding-bottom:20px;
	}

.category-artists a{
	text-decoration:none;
}
.category-artists .entry-content {
padding-top:25px;
}

p.exhibitionTitle, p.openingDates, p.openingTime {
	margin-bottom:0;
	padding-bottom:0;
	}
	
p.openingTime {
}





/* CV/BIO STYLES */

.showCv > p {
font-size:12px;
line-height:18px;
}

.dataHeader, .yearHeader{
	border:none;
	margin-top:16px;
	font-size:14px;
}

.showCv > p.dataSubset {
padding-bottom:0 !important;
}

h2.dataHeader {
text-decoration:underline;
}

h2.yearHeader, h2.dataHeader{
font-family: Univers, sans-serif;	
padding-left:20px;
font-size:12px;
padding-bottom:0;
}





/* EXHIBITIONS */
.category-upcoming_exhibition .entryCats,
.category-current_exhibition .entryCats,
.category-past_exhibitions .entryCats{
	display:none;
}

.entryCats{
	display:none;
}

.entryCats a {
	color:#ccc;
	}


/* ABOUT */
.page-id-2 article .header,
.page-id-2 article .entry-title{
	display:none;
}



/* FRONT PAGE */



#branding{
	/* -webkit-transition: all 5000ms ease-out;
    -moz-transition: all 5000ms ease-out;
    -o-transition: all 5000ms ease-out;
    transition: all 5000ms ease-out;*/
}
#branding.splashed{
	z-index:4;
	position:absolute;
}
#branding.splashed a{
	color:white;
}
.splash{
	background-color:white;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
	cursor:pointer;
	background-repeat: no-repeat;
	z-index:3;
}
.frontPageInfo{
	opacity:0;
}
.frontPageInfo.showFront{
	opacity:1;
}
.frontPageInfo > a{
	font-family: Albertina, Times, serif;
	font-size:22px;
	letter-spacing:1px;
	line-height: 1.1;
}

.frontPageLoop .entryCats{
	visibility:hidden;
}

.home header.header:first-of-type{
	display:none;
}

.frontPageCat a:first-child {
	padding-bottom:5px;
	display:block;
}




/* SLIDESHOW */

.flexi{
	/* -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;*/
}

.slideshow-wrapper{
		/*-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;*/
	position:relative;
	/*min-height:600px;*/
	margin-bottom:16px;
	border-top:1px dotted #606060;
	padding-top:10px;
	margin-top:10px;
}

body.home .slideshow-wrapper, 
body.category-news .slideshow-wrapper, 
body.category-projects .slideshow-wrapper, 
.category-artists .slideshow-wrapper, 
.category-artist .slideshow-wrapper, 
.category-gallery .slideshow-wrapper, 
.category-editions .slideshow-wrapper, 
.category-press .slideshow-wrapper {
	border-top:none;
	padding-top:0px;
	margin-top:0px;
}

.slideshow-wrapper .ul .li img{
	display:block;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:60vh;
	visibility:hidden;
}
.slideshow-wrapper .ul .li:last-of-type img{
	visibility:visible;
}
.invisibleSlide{
	/*visibility:hidden;*/
}
.slideshow-wrapper .li{
	min-height:100%;
	width:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	cursor:pointer;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	 -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    background-image:none !important;
}
.noClick .li{
	cursor: inherit !important;
}
.slideshow-wrapper .li .orbit-caption{
	visibility:hidden;
}
.flexi.slideshow-wrapper .li .orbit-caption{
	
}

.slideshow-wrapper .li .orbit-caption{
} 

.slideshow-wrapper .li:last-of-type .orbit-caption{
	visibility:visible;
}

.slideshow-wrapper .li:last-of-type{
	position:relative;
}
.slideshow-wrapper .li .orbit-caption {
	position:relative;
	width:100%;
	left:0;
	right:0;
	text-align:center;
	padding-top:10px;
	visibility:hidden;
	display:block;
	}
	
/*.orbit-caption {
width:50%;
margin-left:auto;
margin-right:auto;
}
*/

.expandTrigger{
	cursor:pointer;
}

.expandContent{
	display:none;
}
.tmpSlider{
	visibility: hidden;
	position: absolute;
	width:100%;
}
.tmpSlider img{
	max-width:100%;
	height:auto;
	//max-height:60vh;
	display: block;
	margin: auto;
	width: auto;
}

@media only screen and (min-width : 0px) and (max-width : 1024px) {
	.slideshow-wrapper .ul .li, .tmpSlider{
	}
	.tmpSlider img, .slideshow-wrapper .ul .li img{
		max-width:100%;
		height:auto;
		//max-height:80vh;
	}

	.lightboxImg{
		padding:16px !important;
	}
	.slideshow-wrapper .makeLightbox{
		opacity:0.3 !important;
	}

}





/* LIGHTBOX */

.lightboxCaptionShow{
	position:absolute;
	bottom:0;
	right:16px;
	cursor:pointer;
	z-index:9;
}
.lightboxCaptionShow:after{
	content:"show captions";
}
.lightboxCaptionShow.show:after{
	content:"hide captions";
}
.lightboxCaptionShow.none{
	display:none;
}
.lightboxCaption{
	display:none;
	position: absolute;
    bottom: 16px;
    left: 0;
    background-color: rgba(255,255,255, 0.5);
    z-index: 9;
    width: 100%;
    text-align: center;
}

.lightboxClose{
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	z-index:3;
	cursor:pointer;
}
.lightboxClose:after{
	content:"";
	background-image:url("close-cursor.svg");
	width:100%;
	height:100%;
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	font-size:16px;
	
    position: absolute;
    top: 0px;
    left: 0px;
}

.closeLightbox{
	position:fixed;
	bottom:10px;
	left:10px;
	width:50px;
	height:50px;
	/*background-image: url("img/ff_close.svg");*/
	background-position:center center;
	background-repeat: no-repeat;
	display:block;
	z-index:9;
	cursor:pointer;
	display:none;
}
.lightboxBg{
	position: fixed;
	/*padding-top:10px;
	padding-bottom:10px;*/
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100vw;
    height: 100vh;
    display: block;
    vertical-align: middle;
    text-align:right;
    z-index:4;
}
.lightboxBody{
	display: table;
    height: 100%;
    width: 100%;
    float: right;
    overflow: visible;
    background-color:white;
    z-index:1;
	/*cursor: url("img/ff_close_cursor.svg"), no-drop;*/
}
.lightboxBg3{
	display:table-row;
	max-height:100%;
	position:relative;
}
.infoTitle, .infoCaption{
	cursor:auto;
}
.lightboxBg2{
    max-height: 100%;
    position: relative;
    width: 100%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    background-size: contain;
    background-position: center center;
    
    background-repeat: no-repeat;
	-webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.lowResLoading .lightboxBg2{
	filter: blur(5px);
	-webkit-filter: blur(5px);
		
}
.lowResLoader{
	display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 9;
}
.lowResLoading .lowResLoader{
	display:block;
}
.prev, .next{
	width:100px;
	height:100px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	z-index:2;
}
.prev{
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
	cursor: pointer;
}
.next{
	cursor: pointer;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
}
.lightboxInfo{
	position:fixed;
	top:0px;
	left:0px;
	width:16.66%;
	height:100%;
	background-color:white;
	text-align:left;
	padding:10px;
}
.lightboxImg{
	-webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;	
	max-width:100vw;
	max-height:100vh;
	margin:auto;
	display:block;
	padding:32px;
/*	visibility:hidden;
*/}
.lightboxImgMaxHeight{
	max-height:100vh;
}
.position-relative{
position:relative !important;
}
.slideshow-wrapper:hover .makeLightbox{
	opacity:0.3;
}
.makeLightbox{
	 -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	opacity:0;
	cursor:pointer;
}
@media only screen and (min-width : 0px) and (max-width : 1024px) {

	.lightboxImgMaxHeight{
		max-height:80vh;
		max-width:80vw;
	}
/*
	.lightboxBg{
	    width: 100%;
	    height: 100%;
	}*/		
}

@media only screen and (min-width : 0px) and (max-width : 1024px) and (orientation:landscape){
/*	.lightboxImg{
		max-width:80vh;
		max-height:80vw;	
	}*/
}






/* new edits */

.oneImage img{
	max-width:100%;
	display:block;
	margin:auto;
	margin-bottom:32px;
}
.category-projects div.col-1-2 {
margin-bottom:40px;
}

.category.category-projects .makeLightbox{
	display:none;
}

.makeLightbox {
	color:#ccc;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url('arrow-expand.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index:2;
}

a:-webkit-any-link {
text-decoration:none;
}

.post-edit-link{
	position: absolute;
    background-color: white;
    padding: 5px;
    border: dotted black 1px;
    margin: 3px;
    opacity:0.2;
    z-index:1;
    font-size:8px;
}
.post-edit-link:hover{
	opacity:1;
}





/* EDITIONS */
/* bottega */
.category-bottega h2.entry-title,
body.category-62 h2.entry-title{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:0px;
}
.slideshow-wrapper.bottega-text{
	margin-top:34px !important;
}

.category-62 #content > div{
	margin-bottom:45px;
} 
.editionQuantity{
	width:30px;
	border:0px;
	text-align:right;
}
.selectStyle{
 	padding: 0;
    margin: 0;
    border: 1px solid black;
    width: auto;
    /* overflow: hidden; */
    background-color: #fff;
    display: inline-block;
    background: #fff url("arrow.png") no-repeat 95% 50%;
    float:left;
    margin-right:1rem;
    max-width:82px;
    height:25px;
    line-height:25px;
    font-size:11px;
 }
 .selectStyle select{
    font-size:11px;

 	max-width:100%;
 	padding: 3px 6px;
 	padding-right:20px;

    width: auto;
    //height: 1.4rem;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 .selectStyle *:focus {
    outline: none;
}
 .shippings, .options{
 	border:1px solid black;
 	background-color:white;
 }
 .addToCartButton{
 	float:right;
	position:relative;
	display:inline-block;
	height:19px;
	top:4px;
 }

 .addToCartText{
 	border:1px solid black;
 	padding:4px 6px 3px 6px;
 	cursor:pointer;
 	width:100px;
 	font-size:11px;
 }
 .addToCartText{
	padding: 6px 6px 5px 6px;
 }
 .addToCartButton{
 	top:6px;
 }
 .addToCartSubmit{
    background: transparent;
    position: absolute;
    border:0px;
    top: -3px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    padding: 9px 6px;
    height: 100%;
    cursor:pointer;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 0px) and (max-width : 768px) {
	.addToCartText{
		text-align: center;
	    width: 100%;
	    display: block;
	}
	.addToCartButton{
	    width: 100%;
	}
}








/* GRID */
.grid{
	width:100%;
	max-width:2000px;
	margin:auto;
}

[class*='col-'] {
  float: left;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


[class*='col-'] {
	min-height:1px;
  padding-right: 80px;
}
[class*='col-']:last-of-type {
  /*padding-right: 80px;*/
}
[class*='col-']:first-of-type {

}

.no-padding{
	padding-right:0px !important;
}

.grid-pad {
  padding: 0 0 0 80px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 80px;
}
.col-1-1{
	width:100%;
}
.col-1-2 {
  width: 50%;
}
.col-1-3 {
	width:33.33%;
}
.col-2-3{
	width:66.66%;
}
.col-1-4 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-4-5 {
  width: 80%;
}
.col-1-6 {
	width:16.66%;
}
.col-5-6{
	width:83.33%;
}
.col-1-8 {
  width: 12.5%;
}
.col-3-10{
	width:30%;
}
.col-7-10{
	width:70%;
}
.col-7-12{
	width:58.33%;
}
.col-1-12{
	width:8.33%;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 0px) and (max-width : 1024px) {
/* Styles */
.grid{
	min-width:320px;
}
[class*='col-'] {
	padding-right:0px;
}
	.mob-1-1{
		width:100%;
	}
	.tabp-1-1{
		width:100%;
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}
 



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {
/* Styles */
[class*='col-'] {
padding-right:0px;
}
	.tab-1-1{
		width:100%;
	}
	.tabl-1-1{
		width:100%;
	}.tabl-1-2{
		width:50%;
	}
	.tabl-1-4{
		width:25%;
	}
	.tabl-1-1{
		width:100%;
	}
	.tabl-4-5{
		width:80%;
	}
	.tabl-1-5{
		width:20%;
	}

}
 
/* iPads (landscape) ----------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {
/* Styles */
	.tabl-1-2{
		width:50%;
	}

	.tabl-1-1{
		width:100%;
	}
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
	.tabp-1-2{
		width:50%;
	}
	.tabp-1-1{
		width:100%;
	}
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* oading bar */

@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
  -moz-animation: three-quarters-loader 1250ms infinite linear;
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 8px solid #000;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}