/* Media Queries For Cayer Creative Websites
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/


/* Ultra Large Desktops / HD Screens */
@media only screen and (min-width: 3001px) and (max-width: 5000px){

    .works-masonry-container .works-item-one-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-two-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-half {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-fourth {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-full-width {
      margin: 0 !important;
      padding: 0 !important;
      width: 20% !important;
    }
    .works-masonry-container .works-item-one-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-one-half-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-two-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }
    .works-masonry-container .works-item-one-fourth-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 18% !important;
    }

}


/* Super Large Desktops / HD Screens */
@media only screen and (min-width: 1450px) and (max-width: 3000px){
	 .iphone-port { display: none;
	}
	.iphone-land { display: none;
	}

    .works-masonry-container .works-item-one-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-two-third {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-half {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-fourth {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-full-width {
      margin: 0 !important;
      padding: 0 !important;
      width: 25% !important;
    }
    .works-masonry-container .works-item-one-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 30% !important;
    }
    .works-masonry-container .works-item-one-half-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }
    .works-masonry-container .works-item-two-third-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }
    .works-masonry-container .works-item-one-fourth-spaced{
      margin: 1% !important;
      padding: 0 !important;
      width: 23% !important;
    }

}

/* Larger than Desktop HD */
@media (max-width: 1200px) {
    .container {
        max-width: 1000px;
    }
}

/* Larger than desktop */
@media (max-width: 1100px) {
   
	 .container {
        max-width: 900px;
    }
	.page-section{
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}
    .text-left, .text-right {
        text-align: center;
    }

    .img-responsive {
        display: inline-block;
    }
    header.masthead.jason-kim{
        display: none;
    }
    section.mastwrap.jason-kim{
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
    }
    ul.slimmenu.collapsed li .sub-collapser, ul.slimmenu > li > a:first-child {
        font-size: 18px;
        line-height: 24px;
        padding: 3px 0;
    }
    .menu-collapser {
	background-image: url(../images/logo-mobile.png);
    }
    .mobile-nav.jason-kim{
        display: block !important;
    }
    div#preloader.jason-kim{
        left: 0;
    }
    .filter-notification.jason-kim{
        text-align: center;
        padding-left: 0;
    }
    ul.slimmenu li a{
        font-size: 16px;
        padding: 2px 0;
    }
    .credits p{
        font-size: 10px;
        line-height: 17px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .inner-wrap{
        padding: 100px 80px;
    }
    .first-fold.jason-kim .main-heading{
        margin-left: 0;
        padding: 0 30px;
    }
    .elements-counter.jason-kim{ 
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .call-to-action.jason-kim{
        padding: 20px;
    }
    .hero-text.jason-kim h3, .super-heading{
        font-size: 24px;
        line-height: 31px;
    }
    .call-to-action.jason-kim h3{
        font-size: 18px;
        line-height: 25px;
    }
	.main-heading  {
		font-size: 20px;
        line-height: 28px;
	}
	.main-heading h1 {
		font-size: 24px;
        line-height: 30px;
	}
	 .parallax {
	  background-attachment:scroll !important;
  background-size:fixed !important;
  background-position: center center !important;
  width:100%;}
  
	
    .journal.jason-kim .news-block.jason-kim h3, .project-title.jason-kim h1, .sub-heading span{
        font-size: 14px;
        line-height: 21px;
    }
    .main-heading h2, {
        font-size: 12px;
        line-height: 19px;
    }
    .add-top {
        margin-top: 80px;
    }
    .add-top-half {
        margin-top: 40px;
    }
    .add-bottom {
        margin-bottom: 80px;
    }
    .add-bottom-half {
        margin-bottom: 40px;
    }

    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 33.3% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
          margin: 1% !important;
          padding: 0 !important;
          width: 31.3% !important;
    }
    body{
       border-left: 0;
       border-right: 0;
    }
    .ms-section-left{
       left: 0;
       border-left: 0;
    }
    .ms-section-right{
       right: 0;
       border-right: 0;
    }
    .ms-static-title h1 span{
        padding: 3px 6px;
        font-size: 10px;
        line-height: 10px;
    }
}

/* Larger than tablet */
@media (max-width: 768px) {
	

	#multiscroll-nav {

	visibility: hidden;
}
.iphone-land { display: none;
	}
	.iphone-port { display: block;
	}
	.iphone-land { display: none;
	}
    .container {
        width: 668px;
        padding-left: 50px;
        padding-right: 50px;
    }
		footer.mastfoot.jason-kim {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 120px;
}

.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
 .parallax {
	  background-attachment:scroll !important;
  background-size:fixed !important;
  background-position: center center !important;
  width:100%;}
  
    .text-left, .text-right, .mastfoot, .credits, .services-item, .hero-text.jason-kim {
	text-align: left;
    }

    .img-responsive {
        display: inline-block;
    }
	text-left-side { text-align: center;
	}
	text-right-side { text-align: center;
	}

    .mobile-nav.jason-kim {
        display: block;
    }
    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 50% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
          margin: 1% !important;
          padding: 0 !important;
          width: 48% !important;
    }


}

/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
    .container {
        width: 636px;
        padding-left: 50px;
        padding-right: 50px;
    }
	p {
	
	text-align:left}
		footer.mastfoot.jason-kim {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 100px;
}
.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
	.iphone-port { display: block;
	}
	.iphone-land { display: none;
	}
}


/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
    .container {
        width: 567px;
        padding-left: 50px;
        padding-right: 50px;
    }
		footer.mastfoot.jason-kim {
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 100px;
}
p {
	
	text-align:left}
.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
	.iphone-port { display: none;
	}
	.iphone-land { display: block;
	}
}


/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
    .container {
        width: 500px;
        padding-left: 40px;
        padding-right: 40px;
    }
	p {
	
	text-align:left}
	.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
	.iphone-port { display: none;
	}
	.iphone-land { display: block;
	}
	
}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	
    .container {
        width: 400px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .inner-wrap{
        padding: 60px 30px;
    }
	p {
	
	text-align:left}
    .works-masonry-container .works-item-one-third,
    .works-masonry-container .works-item-two-third,
    .works-masonry-container .works-item-one-half,
    .works-masonry-container .works-item-one-fourth,
    .works-masonry-container .works-item-full-width{
          margin: 0 !important;
          padding: 0 !important;
          width: 100% !important;
    }
    .works-masonry-container .works-item-one-third-spaced,
    .works-masonry-container .works-item-one-half-spaced,
    .works-masonry-container .works-item-two-third-spaced,
    .works-masonry-container .works-item-one-fourth-spaced{
	margin: 1% !important;
	padding: 0 !important;
	width: 28% !important;
    }
.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
	.iphone-port { display: none;
	}
	.iphone-land { display: block;
	}
}

/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
    .container {
        width: 374px;
        padding-left: 20px;
        padding-right: 20px;
    }
	p {
	
	text-align:left}
	footer.mastfoot.jason-kim {
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 100px;
}
footer.mastfoot.jason-kim > .mastfoot-inner {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.iphone-port { display:hidden;
	}
.iphone-land { display:visible;
	}
.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}
	.iphone-land { display: none;
	}
	.iphone-port { display: block;
	}
}

/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {
    .container {
        width: 335px;
        padding-left: 20px;
        padding-right: 20px;
    }
	p {
	
	text-align:left}
	footer.mastfoot.jason-kim {
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 100px;
}
footer.mastfoot.jason-kim > .mastfoot-inner {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.iphone-land { display: none;
	}
	.iphone-port { display: block;
	}
}

/*iPhone 5S, 5, 4S & 4 Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
    .container {
        width: 300px;
        padding-left: 10px;
        padding-right: 10px;
    }
	p {
	
	text-align:left}
	footer.mastfoot.jason-kim {
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9900;
    height: 100px;
}
footer.mastfoot.jason-kim > .mastfoot-inner {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.text-left-side { text-align: center;
	}
	.text-right-side { text-align: center;
	}

.iphone-land { display: none;
	}
	.iphone-port { display: block;
	}
}