/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	nav .logo{
		width: 4em;	
	}
	nav .menu li a{
		padding: 0 1em;
	}
	.wrap-window{
		margin-top: 1.5em;
	}
	.border-area{
		width: 90%;
		left: 5%;
		padding-left: 1em;
		padding-right: 1em;
	}
	.input-area-upload-file .preview, .input-area-upload-file .file-to-upload{
		font-size: 1.3em;
	}
	.copylink .icon-copylink{
		width: 11%;
	}
	.copylink input{
		width: 89%;
	}
	.copylink{
		font-size: 0.9em;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {
	nav{
		height: auto;
	}
	nav .logo{
		float: none;
		margin: 0 auto;
		line-height: 2.375em;
	}
	nav .menu li a{
		padding: 0 0.7em;
	}
	nav .menu li a:before{
		width: calc(100% - 1em);
		height: 1em;
		left: .5em;
		top: 1em;
	}
	nav .menu li{
		float: none;
		line-height: 3.375em;		
	}
	nav .menu ul{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}
	nav .menu{
		float: none;
		width: 100%;
	}
	.wrap-window{
		margin-top: 0.5em;
	}
	.shortener-wrap{
		font-size: 1em;
	}
	.input-area-upload-file .preview,
	.input-area-upload-file .file-to-upload{
		font-size: 1em;
	}
	.input-area-upload-file .preview span{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.shortener-wrap a{
		color: #000;
	}

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}