/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 @media only screen and (max-width: 1366px) {
 	#fixednav > li:hover > .sub-menu {
	    padding: 33px 0 0;
	}
 	.main-hdr .logo {
	    max-width: 265px;
	}
 	#fixednav > li,
 	#nav > li {
	    margin: 0 0 0 30px;
	}
	.fxd-hdr .logo {
	    max-width: 310px;
	}
	.fxd-hdr .hdr-broker,
	.main-hdr .hdr-broker {
	    max-width: 230px;
	    margin: 0 0 0 25px;
	}
	.abt-wrap .abt-title.sec-title h2 {
	    font-size: 225px;
	}
	.page-id-94 .global-bttn {
		margin: 20px 0 0;
	}
}
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
	#fixednav > li:hover > .sub-menu {
	    padding: 21px 0 0;
	}
	.main-hdr .logo {
	    max-width: 170px;
	}
	.fxd-hdr .logo {
	    max-width: 170px;
	}
	#fixednav > li, #nav > li {
	    margin: 0 0 0 21px;
	}
	#fixednav a,
	#nav a {
	    font-size: 13px;
	    letter-spacing: 0.020em;
	}
	.fxd-hdr .hdr-broker, .main-hdr .hdr-broker {
	    max-width: 180px;
	    margin: 0 0 0 20px;
	}
	.abt-wrap .abt-photo {
	    max-width: 380px;
	}
	.abt-wrap .abt-title.sec-title h2 {
	    font-size: 178px;
	}
	.fc-wrap .fc-title.sec-title h2 {
	    font-size: 138px;
	}
	.fc-list .fc-single a h3{
		font-size: 18px;
	}
	.fp-wrap .fp-title.sec-title h2 {
	    font-size: 168px;
	}
	.med-wrap .med-thumb{
		margin: 0 0 0 0;
	}
	.med-wrap .med-thumb a h3 {
	    font-size: 25px;
	    padding: 0 0 30px;
	}
	.med-wrap .med-title.sec-title h2 {
	    font-size: 152px;
	}
	.med-wrap .med-desc {
	    padding: 0 20px 0 0;
	}
	.museum-wrap .museum-title.sec-title h2 {
	    font-size: 126px;
	}
	.ftr-logos li{
		max-width: 120px;
	}
	.ftr-logos li:nth-child(2) {
	    margin: 0 0 0 90px;
	    max-width: 250px;
	}
	.ftr-logos li:nth-child(3) {
	    max-width: 200px;
	}
	.re-logos span {
	    font-size: 20px;
	    margin: 0 0 0 2px;
	}

	#content .fc-wrap .fc-title.sec-title h2 {
		font-size: 138px;
	}

	#nav > li:first-child > .sub-menu {
	    left: 0;
	}
	.copyright,
	.sothebys-trademark {
	    font-size: 10px;
	    letter-spacing: 0.020em;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {

	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
	body.home{
		overflow: auto;
	}
	body.home #main-wrapper{
		opacity: 1;
	}
	.comm-vid,
	.fxd-hdr,
	.navigation,
	.main-hdr .hdr-broker,
	#intro-wrap,
	.scroll-down,
	.sec-title h2:after,
	.museum-wrap .museum-r,
	.ftr-contact li:before,
	.ftr-git .git-photo,
	.ftr-git .git-bg,
	.ftr-git .git-title h2:before{
		display: none;
	}
	.header{
		position: relative;
		background: #000;
	}
	.header .hdr-inner{
		justify-content: center;
	}
	.main-hdr{
		padding: 70px 0 20px;
	}
	.main-hdr .logo {
	    max-width: 350px;
	    margin: 0 auto
	}
	#hp-hero,
	#hp-slide .cycloneslider-template-video .cycloneslider-slides,
	#hp-slide .cycloneslider-template-video .canvas-holder{
		min-height: 0;
	}
	#hp-slide{
		position: relative;
		min-height: 0;
	}
	.tagline-wrap h1 {
	    font-size: 8.208vw;
	    letter-spacing: 0.000em;
	}
	.tagline-wrap span {
	    font-size: 3.5625vw;
	    letter-spacing: 0.200em;
	}
	.sec-title h2 em {
	    -webkit-text-fill-color: unset;
	}
	.museum-wrap .museum-title.sec-title h2 span,
	.sec-title h2 span{
		text-align: center;
		font-size: 45px;
	}
	#hp-abt {
	    padding: 40px 0 62px;
	}
	.abt-wrap .abt-inner {
	    margin: 0 0 0;
	    flex-flow: column-reverse wrap;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	}
	.abt-wrap .abt-l{
		width: 100%;
		padding: 30px 0 0;
	}
	.abt-wrap .abt-r{
		width: 100%;
	}
	.abt-wrap .abt-title {
	    margin: 0;
	}
	.abt-wrap .abt-title.sec-title h2,
	.fc-wrap .fc-title.sec-title h2,
	.fp-wrap .fp-title.sec-title h2,
	.med-wrap .med-title.sec-title h2,
	.museum-wrap .museum-title.sec-title h2{
		font-size: 105px;
    	text-align: center;
	}
	.abt-wrap .abt-title.sec-title h2 em {
	    background-image: none;
	}
	.abt-wrap .abt-photo{
		margin: 0 auto 25px;
	}
	.abt-wrap .abt-left-txt{
		max-width: none;
	}
	.abt-wrap .abt-bttn {
	    text-align: center;
	    margin: 20px 0 0;
	}
	.fc-list .fc-single {
	    width: calc(25% - 8px);
	}
	.fc-list .fc-single a h3 {
	    font-size: 16px;
	    letter-spacing: 0em;
	}
	#hp-med {
	    padding: 30px 0 45px;
	}
	.med-wrap .med-thumb {
	    margin: 0 auto;
	    max-width: 500px;
	    padding: 0 0 40px;
	}
	.med-wrap .med-desc {
	    padding: 0 0 40px;
	    text-align: center;
	}
	#hp-museum {
	    padding: 45px 0 70px;
	}
	.museum-wrap .museum-desc {
	    text-align: center;
	}
	.museum-wrap .museum-bttn {
	    text-align: center;
	}
	.museum-wrap .museum-photo-mobile{
		display: block;
	}
	.ftr-logos ul{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.ftr-logos li{
		order: 2;
		margin: 25px 0 0;
	}
	.ftr-logos li:nth-child(2){
		order: 1;
		margin: 0 0 0;
	}
	.ftr-logos li:nth-child(3){
		order: 3;
	}
	.ftr-contact ul{
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.ftr-contact li {
	    padding: 0 0;
	    margin: 20px 0 0;
	}
	.ftr-contact li:first-child{
		margin: 0 0 0;
	}
	.credit-inner {
	    flex-flow: column wrap;
	    justify-content: center;
	    text-align: center;
	}
	.re-logos {
	    margin: 20px 0 0;
	}

	.ftr-git{
		padding: 30px 0;
	}
	.ftr-git:before{
		content:'';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/*background: url(images/git-bg.jpg) left center no-repeat;*/
		background: url(images/git-bg.jpg) 18% center no-repeat;
		background-size: cover;
	}
	.ftr-git .git-title {
	    position: relative;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    padding: 0 15px;
		justify-content: center;
	}
	.ftr-git .git-title h2 {
	    font-size: 90px;
	    padding: 0 0 0 0;
	}
	.ftr-git .git-phone {
	    text-align: center;
	}
	.ftr-git .git-phone a {
	    font-size: 20px;
	}
	.ftr-git .git-fillup{
		position: relative;
		z-index: 1;
		padding: 0 15px;
	    top: 0;
	}
	.ftr-git .git-form {
	    width: 100%;
	    margin: 20px auto 0;
	    padding: 30px 20px;
	}
	.ftr-git .git-form .wpcf7 form .wpcf7-response-output {
	    max-width: none;
	    margin: 0 0 16px auto;
	    font-size: 13px;
	    padding: 5px;
	    position: absolute;
	    width: 100%;
	    margin: 0;
	    bottom: -20px;
	}
	.ftr-git .git-form .wpcf7-not-valid-tip{
	    font-size: 10px;
	}
	.ftr-git .git-form h3 {
	    font-size: 35px;
	}
	.ftr-git .git-fields {
	    margin: 20px 0 0;
	}
	.ftr-git .git-row.dual > div {
	    width: calc(50% - 10px);
	}
	.ftr-git .git-row.git-input input {
	    font-size: 15px;
	    height: 42px;
	}
	.ftr-git .git-row.git-msg {
	    margin: 35px 0 0;
	}
	.ftr-git .git-row.git-msg textarea {
	    font-size: 14px;
	    height: 72px;
	}
	.ftr-git .git-row.git-submit {
	    margin: 20px 0 0 0;
	    display: flex;
	    flex-flow: column wrap;
	    align-items: center;
	    justify-content: center;
	}
	.ftr-git .git-row.git-submit input {
	    max-width: 151px;
	    height: 151px;
	    padding: 5px;
	    font-size: 14px;
	}
	#content .fc-wrap .fc-title.sec-title h2 {
		font-size: 105px;
	}
	.mv-vid-item iframe {
	    margin: auto;
	    display: block;
	}

	.col-md-6.mv-vid-item {
	    margin-bottom: 15px;
	}

	#hp-slide .cycloneslider-template-video .cycloneslider-volume {
	    bottom: 20px;
	    left: 20px;
	}




  .socmed-title h2 {
      font-size: 105px;
      text-align: center;
  }

  .fb-sc-row:first-child .fb-sc-col:first-child {
      width: calc((398 / 1140) * 100%);
  }

  .fb-sc-row:first-child .fb-sc-col:nth-child(2) {
      width: calc((457 / 1140) * 100%);
  }

  .fb-sc-row:first-child .fb-sc-col:last-child {
      width: calc((237 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:first-child {
      width: calc((237 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:nth-child(2) {
      width: calc((457 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:last-child {
      width: calc((398 / 1140) * 100%);
  }

  .socmed-title h2 em{
    text-align: center;
  }

}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {



  .sc-button a {
      font-size: 12px;
      height: 40px;
      letter-spacing: 0;
  }

  .sc-button {
      max-width: 200px;
  }

  .sc-content {
      width: 100%;
      padding: 40px;
      text-align: center;
  }

  .sc-photo {
      width: 100%;
  }

  .start-conversation {
      max-width: 340px;
  }



	#aios-testimonials .aios-testimonials{
		margin: 0 0 !important;
	}
    .ip-banner .container{
        width: 100%;
    }
    .abt-wrap .abt-title.sec-title h2,
    .fc-wrap .fc-title.sec-title h2,
    .fp-wrap .fp-title.sec-title h2,
    .med-wrap .med-title.sec-title h2,
    .museum-wrap .museum-title.sec-title h2 {
	    font-size: 65px;
	}
	.museum-wrap .museum-title.sec-title h2 span,
	.sec-title h2 span {
	    font-size: 30px;
	    margin: 0 0;
	}
	.abt-wrap .abt-txt h3 {
	    font-size: 23px;
	}
	.fc-list {
	    padding: 0 0 30px;
	}
	.fc-list .fc-single,
	.fc-list .fc-single:first-child {
	    width: calc(50% - 8px);
	    margin: 0 0 25px;
	}
	.fc-list .fc-single a h3 {
	    font-size: 15px;
	    margin: 10px 0 0;
	}
	.fp-slide .fp-single {
		margin: 0 auto;
		max-width: 268px;
	}
	.ftr-git .git-title h2 {
	    font-size: 75px;
	}
	.ftr-git .git-form h3 {
	    font-size: 25px;
	}
	#content .fc-wrap .fc-title.sec-title h2 {
		font-size: 65px;
	}


    .socmed-title h2 {
  	    font-size: 65px;
    }



}



@media only screen and (max-width: 660px) {


  .fb-sc-row:first-child .fb-sc-col:first-child {
      width: calc((380 / 1140) * 100%);
  }

  .fb-sc-row:first-child .fb-sc-col:nth-child(2) {
      width: calc((439 / 1140) * 100%);
  }

  .fb-sc-row:first-child .fb-sc-col:last-child {
      width: calc((227 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:nth-child(2) {
      width: calc((439 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:last-child {
      width: calc((380 / 1140) * 100%);
  }

  .fb-sc-row:nth-child(2) .fb-sc-col:first-child {
      width: calc((227 / 1140) * 100%);
  }


}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {

  .socmed-title h2 {
	    font-size: 42px;
  }


	.abt-wrap .abt-title.sec-title h2,
	.fc-wrap .fc-title.sec-title h2,
	.fp-wrap .fp-title.sec-title h2,
	.med-wrap .med-title.sec-title h2,
	.museum-wrap .museum-title.sec-title h2 {
	    font-size: 42px;
	}
	.museum-wrap .museum-title.sec-title h2 span, .sec-title h2 span {
	    font-size: 22px;
	}
	.abt-wrap .abt-txt h3 {
	    font-size: 18px;
	}
	.fc-list{
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
	}
	.fc-list .fc-single,
	.fc-list .fc-single:first-child {
	    width: 100%;
	    margin: 0 0 25px;
	    max-width: 263px;
	}
	.fc-list .fc-single:last-child{
		margin: 0 0 0;
	}
	.med-wrap .med-thumb {
	    flex-flow: column wrap;
	    align-items: center;
	    justify-content: center;
	}
	.med-wrap .med-thumb > div{
		margin: 20px 0 0;
		width: 100%;
		max-width: 275px;
	}
	.med-wrap .med-thumb > div:first-child {
		margin: 0 0 0;
	}
	.ftr-git .git-title h2 {
	    font-size: 50px;
	}
	.ftr-git .git-form form {
	    padding: 0 0 15px;
	}
	.ftr-git .git-form h3 {
	    font-size: 21px;
	}
	.ftr-git .git-row.dual{
	    flex-flow: column wrap;
	    justify-content: center;
	}
	.ftr-git .git-row.dual > div {
	    width: 100%;
	    margin: 20px 0 0;
	}
	.ftr-contact li > a {
	    font-size: 12px;
	    letter-spacing: 0.020em;
	}
	.ftr-contact li > a > span {
	    font-size: 10px;
	}
	#content .fc-wrap .fc-title.sec-title h2 {
		font-size: 42px;
	}

	.ai-contact-wrap span.context-mob, .ai-contact-wrap span.context-email {
	    font-size: 13px;
	}

	#content .entry-title, #content .archive-title {
	    font-size: 35px;
	    line-height: 1;
	}


  .ins-col {
      width: calc(100% / 2 - 7.5px);
  }

  .yt-col {
      width: calc(100% / 2 - 7.5px);
  }
  .fb-sc-row:first-child .fb-sc-col:last-child {
      width: calc((189 / 1140) * 100%);
  }
  .fb-sc-row:nth-child(2) .fb-sc-col:first-child {
      width: calc((189 / 1140) * 100%);
  }
}
