@media screen and (max-width: 385px) {
	#VRThumbnails, #tiles{
		width:340px;
	}
	.tile-image {
		height: 190px;
	}
}
@media screen and (min-width: 385px) and (max-width: 575px) {
	.tile-image {
		height: 190px;
	}
	#VRThumbnails, #tiles{
		width:340px;
	}
}
@media screen and (min-width: 576px) and (max-width: 768px) { 
	.tile-wrapp {
		width: 50% !important;
	}
}

@media (min-width: 1450px) {
	.container{
		max-width: 1460px !important;
	}
}
@media screen and (min-width:576px) and (max-width:768px){
	.share-links-overlay-mc::after {
		
	}
}

@media screen and (max-width:667px) {}
@media screen and (max-width:1152px) {
  ul.topnav li:not(:first-child), ul.topnav ul li {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
a.viewGalleryClass:hover{
	background-color:rgba(0, 0, 0, 0);
}

}

@media only screen and (min-width:1131px) {
	ul.topnav.responsive #logged-user.start {display: none}


	ul.topnav.responsive, ul#myTopnav {
		min-height: 0%!important;
	}
}

@media screen and (max-width:1152px) {
  ul.topnav.responsive {
	display: flex;
	flex-direction: column;
	background-color: rgba(17,17,17,1);
	position: fixed;
    overflow-y: auto;
    height: 100%;
    min-height: 0;
	}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none!important;
    display: block;
  }

  ul.topnav.responsive li:not(#logo-cell) {
        height: 50px;
  	}

  ul.topnav.responsive li a , ul.topnav.responsive li label{
    display: block;
    text-align: left;
  }

  ul.topnav.responsive li:not(#logo-cell), ul.topnav.responsive a:not(#logo), ul.topnav.responsive li label, ul.topnav.responsive li span {
    	line-height: 50px;
    }

  ul.topnav.responsive li#login-info-cell a#login-link{
	display: inline-block !important;
	padding-left:20px;
  }

  ul.topnav.responsive li#join-in a, ul.topnav.responsive li#login-info-cell {
  	text-align: center;
  	display: block;
  	background-color: #191919;
  }

  ul#userDropDownMenu {
    overflow-y: visible;
    position: static;
    height: 100%;
  }

  ul#userDropDownMenu li {
  	height: 50px;
  	line-height: 50px;
  }

  ul#userDropDownMenu li a {
    padding-left: 50px;
    line-height: 50px;
  }

  ul.topnav #getPremiumBtn-cell {
	display: block;
  }
  ul.topnav #getPremiumBtn-cell a {
    text-align: center;
  }

  #getPremiumLink-cell {
  	display: none;
  }
}

@media screen and (min-width:1130px) and (max-width:1350px) {
	#editor {
		max-width: 55%!important;
	}

    #panoCanvas{
    	background-size: 200px !important;
    }
     ul.topnav li a,ul.topnav li label {
        background:none !important;
        padding-left:20px !important;
    }
}
@media screen and (min-width:1130px) and (max-width:1440px) {
	#editor {
		max-width: 75%!important;
	}

    #panoCanvas{
    background-size: 250px !important;
    }
}


/* ===== LP responsive ===== */

/* Large desktops and laptops */
@media (min-width: 1600px) {
    .full-width .full-width-image{
        width:50%;
    }
     .double .primary-blue-btn {
        float:right;
    }
    .double .secondary-grey-link {
        float:left;
    }
     .step-img img{
        width:150%;
    }
    .section{
        padding:100px 0 100px 0;
    }
}
/* Landscape tablets and medium desktops */
@media (min-width: 1200px) and (max-width: 1599px) {
    .full-width .full-width-image{
        width:50%;
    }
    .section{
        padding:70px 0 70px 0;
    }
      .step-img img{
        width:100%;
    }
    .step-img img {
        right:100px !important;
    }
    .section{
    padding:100px 0 100px 0;
    }

}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .full-width .full-width-image{
        width:60%;
    }
      .step-img img{
        width:100%;
    }
    .upside-down .step-img img {
        right:0px !important;
    }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .full-width .full-width-image{
        width:100%;
    }
    .section{
    padding:60px 0 60px 0;
    }
      .step-img img{
        width:100%;
    }
    .upside-down .step-img img {
        right:0px !important;
    }
    .guides-links div img{
        width:100%;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 816px) {
	.footerDiv {
		height: 60px;
	}
    .full-width .full-width-image{
        width:100%;
    }
    .section{
    padding:60px 0 60px 0;
    }
      .step-img img{
        width:100%;
    }
    .guides-links div img{
        width:100%;
    }
    .upside-down .step-img img {
        right:0px !important;
    }
	.footerDiv{
		font-size: 9px;
	}
	#privacy{ 
		display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    align-items: flex-start;
    }
    #oculusPartner{
    	height: 40px !important;
    }
	.tab {
		width: 130px;
	}
	.customize-description-wrapper {
		padding: 10px 0px 30px 0px !important;
		border: none;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .full-width .full-width-image{
        width:100%;
    }
    .section{
    padding:60px 0 60px 0;
    }
      .step-img img{
        width:100%;
    }
    .section{
    padding:50px 0 50px 0;
}
    .upside-down .step-img img {
        right:0px !important;
    }
    .subsection{
    margin:0 0 30px 0;
}
    h1, h1.lp_h1{
        font-size:28px !important;
        line-height:1.2 !important;
    }
    #featured{
    	margin: 20px 0px 20px 0px !important;
    }

}

@media (max-width: 415px) {
	#oculusPartner{
    	height: 34px !important;
    }
   	.footerDiv{
		font-size: 7px;
	}
}

@media (orientation: landscape) {
    #iubenda-popup {
        padding: 5% 10% !important;
    }
}