@media screen and (max-width: 960px) and (max-height: 640px) {
   .menulist {
   	font-size:16px;
   }
   #home_title {
   	padding-top: 30vh;	
   } 
   #begin_box {
   	bottom:20%;
   }
   .title {
   	font-size: 30px;
    line-height: 20px;
   }
   .subtitle {
   	padding:0 10%;
   }
   .flow_main {
   	font-size: 16px;
   	line-height: 20px;
   	padding-right: 10%;
   }
   .detail_text {
   	padding-top:30vh;
   	padding-right:5%;
   	padding-left:5%;
   	width:35% !important;
   }
   .title_light {
   	font-size: 26px;
   	line-height: 36px;
   }
   .screen_feature img {
	display: block;
	width: 100%;
	}
   .features_content {
    padding-top: 80px;
	}
   .flow_light {
   	font-size: 16px;
   	line-height: 26px;
   }
   #phone {
   	width: 200px;
   	top:35vh;
    margin-left: -99px;
   }
   #featurescreens {
   	top:35vh;
   	width:157px;
   	height:auto;
   	margin-left: -77.5px;
   	margin-top:28px;
   }
   #phone_background {
   	top:35vh;
   	width:250px;
   	height:400px;
   	margin-top:-30px;
   	margin-left:-125px;
   }
   .companion_left {
   	-webkit-transform: translateX(-25vw);
    -moz-transform: translateX(-25vw);
    -o-transform: translateX(-25vw);
    -ms-transform: translateX(-25vw);
    transform: translateX(-25vw);
   }
   .switchers {
   	padding-top: 8vh;
    padding-left: 10%;
    padding-right: 10%;
   }
   .featurelist li {
   	padding: 28px 0;
    line-height: 16px;
   }
   .featurelist a {
   	font-size:16px;
   	white-space: nowrap;
   }
   .dot {
   	top: 0px;
    width: 15px;
    height: 15px;
   }
   .customization_content {
   	padding-top:90px;
   }   
   .items__layer:nth-child(1) .items__item {
   	top: 250px;
    left: 120px;
    width: 240px;
    height: 240px;
   }   
   .items__layer:nth-child(2) .items__item {
   	top: 340px;
    left: 490px;
   }
   .items__layer:nth-child(3) .items__item {
   	top: 350px;
    left: 0px;
    width: 350px;
    height: 170px;
   }
   .items__layer:nth-child(4) .items__item {
   	top: 310px;
    left: 370px;
    width: 250px;
    height: 220px;
   }
   .items__layer:nth-child(5) .items__item {
   	top: 288px;
    left: 288px;
   	width:146px;
   	height:270px;
   	border: 2px dotted #6854AE;
   }
   #customizationscreens {
   	top:35vh;
   	width:157px;
   	height:auto;
   	margin-left: -77.5px;
   	margin-top:28px;
   }
   #wireframe_header {
   	width: 132px;
    height: 16px;
    margin: 5px;
    border: 2px dotted #6854AE;
   }
   #wireframe_block {
   	width: 132px;
    height: 36px;
    margin: 5px;
    border: 2px dotted #6854AE;
   }
   .wireframe_list {
   	width: 124px;
    height: 16px;
    margin: 6px 0 0 10px;
    border-bottom: 2px dotted #6854AE;
   }
   #wireframe_square {
   	width: 30px;
    height: 30px;
    margin: 20px 0 0 5px;
    border: 2px dotted #6854AE;
   }
   #wireframe_rectangle {
   	width: 79px;
    height: 30px;
    margin: 20px 12px 0 12px;
    border: 2px dotted #6854AE;
   }
   #wireframe_endblock {
   	width: 132px;
    height: 6px;
    margin: 9px 0 0 5px;
    border: 2px dotted #6854AE;
   }
   .platforms {
   	margin-top: 10px;
   }
   .platforms img {
   	width: 40px;
    margin: 32px auto;
   }
   .wireframe_focus {
   	border: 2px solid #6854AE !important;
   }
   .wireframe_explode_right {
   	margin-top: 20px !important;
    margin-left: 100px !important;
   }
   .wireframe_explode_left {
   	margin-top: -35px !important;
    margin-left: -100px !important;
   }
   .wireframe_skin_1 {
   	border:2px solid #ffba00 !important;
   }
   .wireframe_skin_2 {
   border:2px solid #00ffe4 !important;
   }
   .wireframe_skin_3 {
   	border:2px solid #24bd18 !important;
   }
   .wireframe_skin_4 {
   	border:2px solid #f81833 !important;
   }
   .wireframe_skin_5 {
   	border:2px solid #ff56f5 !important;
   }
   .wireframe_list_skin_1 {
   	border-bottom:2px solid #ffba00 !important;
   }
   .wireframe_list_skin_2 {
   	border-bottom:2px solid #00ffe4 !important;
   }
   .wireframe_list_skin_3 {
   	border-bottom:2px solid #24bd18 !important;
   }
   .wireframe_list_skin_4 {
   	border-bottom:2px solid #f81833 !important;
   }
   .wireframe_list_skin_5 {
   	border-bottom:2px solid #ff56f5 !important;
   }
   .items__layer .items__item:after {
   	font-size:14px;
   }
   .casestudies_content {
   	padding-top: 90px;
   }
   #casestudiescreens {
   	top:35vh;
   	width:157px;
   	height:auto;
   	margin-left: -77.5px;
   	margin-top:28px;
   }
   .caselist li {
   	padding: 30px 0;
    line-height: 10px;
   }
   .ext_link {
   	line-height: 10px;
   }
   .aboutus_content {
   	padding-top:90px;
   }
   .info {
   	padding-top: 10vh;
   	padding-left: 5%;
    padding-right: 5%;
   }
   .black_line {
   	height: 60%;
   }
   .rotatore {
   	line-height:60vh;
   }
}