@charset "utf-8";
/* CSS Document */
@font-face { font-family: PoiretOne-Regular; src: url('../fonts/PoiretOne-Regular.ttf'); }
@font-face { font-family: ExpletusSans-Regular; src: url('../fonts/ExpletusSans-Regular.ttf'); }
@font-face { font-family: PlayfairDisplaySC-Black; src: url('../fonts/PlayfairDisplaySC-Black.ttf'); }
@font-face { font-family: PatrickHand-Regular; src: url('../fonts/PatrickHand-Regular.ttf'); }
@font-face { font-family: Courgette-Regular; src: url('../fonts/Courgette-Regular.ttf'); }
@font-face { font-family: Philosopher-Regular; src: url('../fonts/Philosopher-Regular.ttf'); }
@font-face { font-family: Rochester-Regular; src: url('../fonts/Rochester-Regular.otf'); }
@font-face { font-family: Diavlo_MEDIUM_II_37; src: url('../fonts/Diavlo_MEDIUM_II_37.otf'); }
@font-face { font-family: Quicksand-Regular; src: url('../fonts/Quicksand-Regular.otf'); }
*{
	font-family: Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	opacity:1;
	width:100%;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
}
.row {margin:0%;padding:0;}
body, header, section{
	font-size: 1em;
	margin:0;
	padding:0;
}
body{background:#000;}
html, body {
	height: 100%;
}
a{text-decoration:none;}
/* responsive images - make images scale as browser resizes */
img {
	width: 100%;
	height: auto;
	margin:0%;
	display: block;
}

/* header and navbar style */
#logonav-header, #contentbx, #cntholder, #pagebase, #cntholderforuplooad{
	position:relative;
	width:90%;
	height:auto;
	margin:3px 5% 0px 5%;
	background:url(../images/headbg.png);
	background:linear-gradient(top, #f50, #fb0);
	background:-moz-linear-gradient(top, #f50, #fb0);
	background:-webkit-linear-gradient(top, #f50, #fb0);
	background:-o-linear-gradient(top, #f50, #fb0);
	background:-ms-linear-gradient(top, #f50, #fb0);
	opacity:0.7;
	/*	background: #f50; */
}
#logonav-header{
	padding:7px;
	border-radius:8px 8px 0px 0px;
}
#logobx, #navbx{
	position:relative;
	display:inline-block;
	height:auto;
}
#logobx{
	width:7%;
	margin:0px 2.5% 0px 1.5%;
}
#navbx{
	width:31%;
	height:30px;
	padding:1.5px;
	margin:10px 0% 0px 0%;
	/*background-color:#006600;*/
}
#navbar ul{float:left;}
#navbar ul li{
	float:left;
	font-size:1.25em;
	color:#000000;
	text-align:center;
	padding-top:7px;
	width:33.3%;
	height:30px;
	display:inline;
	margin:0px;
	/*background-color:#007ACC;*/
	
}
#navbar ul li:hover{
	border-left:1px solid #CCFFFF;
	border-top:1px solid #CCFFFF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	border-radius:3px;
}
/* content style */
#contentbx{
	margin-top:0px;
	background:#5200A3;
	padding:2px 10px;
}

#contentbx .mainheadtitle{color:#FFF;}
#cntholder{
	float:left;
	background:#220d07;
	opacity:0.9;
	padding:2.5px;
	height:auto;
}
#cntholderforuplooad{background:#FFF;}
#pgtitle{
	margin:2px 0%;
}
#pgtitle h1, .h2hedas, .opthed, #playingartisit, #playlistheader h2, #songtitle p strong, #sngname, #vidtitle, #songartistalbum, #artistsname, #seleatizt{
	font-family: 'Quicksand-Regular', cursive;
	color:#666;
	font-size:2.25em;
	line-height:130%;
	margin:0;
}
#playlistheader h2{
	padding-top:2.5px;
	text-align:center;
}
#seleatizt{font-size:1em;}
.h2hedas, .opthed, #songartistalbum , #artistsname, #playlistheader h2{color:yellow;}
#randson, #countris{display:inline;float:left;width:140px;margin:0px 3px;font-size:1.75em;cursor:pointer;}
#countris{width:60px;height:21px;margin:2px 3px 0px 10px;overflow:auto;}
#countris li, #countris img{width:30px;height:20px;}
/* end of homepage style */

/* songpage style */
#audiodeck, .nothingbase{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	padding-bottom:20px;
}
#audiostuf, #singerboxes, #enginensong, #videosingerboxes, #songfinderbox{
	float:left;
	height:auto;
	display:inline-block;
	margin:25px 0.5%;
}
#singerboxes{
	width:28.5%;
	height:200px;
}
#songfinderbox{
	width:99%;
	margin:20px 0px 0px 15px;
}
#videosingerboxes{
	width:30%;
	height:40px;
	margin:0px;
}
#artistsearchdiv, #musiciansearch, #videoartistsearchdiv, #vidoemusiciansearch{
	width:100%;
	height:29px;
	border-radius:5px;
	font-size:1.25em;
	border-left:1px solid #66A3FF;
	border-top:1px solid #66A3FF;
	border-right:1px solid #0066FF;
	border-bottom:1px solid #0066FF;
	overflow:hidden;
}
#musiciansearch, #vidoemusiciansearch{
	padding:4px 5px 3px 5px;
	color:#0000e6;
	background-color:#AFAFAF;
	border:none;
}
#artistslist, #randomdiv{
	float:left;
	width:100%;
	height:300px;
	margin-top:3px;
	/*border:1px solid gold;*/
}
.displayer {
    width: 97%;
    margin: 0px 0% 0px 1%;
    color: #FFFFFF;
    background-color: #000;
	padding:0px 5px;
	overflow:hidden;
}
.atoka{
	width: 250px;
    margin: -1px 0% 0px 3.5%;
    height: 7px;
    font-size: 1.135em;
    letter-spacing: .5px;
    text-align: center;
    color: #DD0000;
}
.hapendisplay_box{
    color: #FFFFFF;
    padding: 2px;
}
 .lizoda a{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:wrap;
	color:#0FF;
	text-decoration:none;
}
.lizoda a:hover{
	color:#FFF;
	border-left:1px solid lightgray;
	border-right:1px solid #808080;
	border-top:1px solid #808080;
	border-bottom:1px solid lightgray;
	padding:5px;
	border-radius:3px 3px 4px 3px;
	vertical-align:middle;
}
.lizoda{
	color:#0FF;
	font-size:1.2em;
	width:250%;
	height:28px;
	margin:0px;
	padding-top:5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:wrap;
}

#audiostuf{
	width:40%;
	background-color:#000;
}
#songpict, #spinimag, #spinimag0, #spinimag, #audioblockbottom{
	position:relative;
	width:100%;
	height:auto;
	margin:0px;
	overflow:hidden;
}
#spinimag0, #spinimag1{width:99.8%;margin:1px 0.1%;}
#adioholder{width:99%;}
#artistsname{
	text-align:center;
	font-size:1.5rem;
	margin:0px;
	padding:5px 0px;
}
#adioholder{
	width:100%;
	margin-top:5px;
}
#adioholder{height:auto;}
#songtitle p{padding:0px 0px 0px 5px;}
#songtitle p, #vidtitle{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	letter-spacing:0.5px;
}
#songtitle p strong, #sngname, #vidtitle strong{
	/*font-family: 'Port Lligat Sans', sans-serif;*/
	font-size:1.25em;
	color:#0CF;
}
#enginensong{
	width:28.5%;
	height:auto;

}
#brief, #videothumb{
	height:335px;
	background:#000;
	opacity:0.5;
	border:2px solid #666;
	border-radius:2px;
	overflow:auto;
}
#playerengine h2{
	float:left;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#62ffa8;
}
#brief p, .muzicartist, .picker{
	width:99%;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	color:#00fe72;
	height:auto;
}
p .picker{
	padding-left:5px;
	text-decoration:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	text-wrap:nowrap;
	cursor:pointer;
}
p .picker:hover{color:#FFF;}
#playerengine, #videothumb #currentartist, #videothumb #videocontrolbuttons{
	position:absolute;
	width:100%;
	height:36px;
	margin:0px;
	background-color:#220d07;
	border:none;
}
#sugartistbox, #songtracksholder{
	height:150px;
	overflow:auto;
	box-shadow: 0px 0px 2px #000;
}
#sugartist, #songalbums{height:auto;}
#songtracksholder{height:110px;}
#playerengine, #playlistheader h2{position:relative;float:left;}
#playerengine{
	height:auto;
	border:1px solid #999;
	padding:0px
}
#playerengine img{
	display:inline-block;
	float:left;
	width:20%;
	height:auto;
	border-right:1px solid blue;
	outline:none;
	padding:1px;
}
#songpict{position:relative;float:left;width:100%;height:auto;}

#songsplaylist{

}
#songsplaylist .sogcheka{width:14px;margin:0px 5px 0px 5px;vertical-align:middle;}
.songrack{
	border:1px solid #71716B;
	height:30px;
	margin:1px;
	padding:2.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	
	text-wrap:nowrap;
}

}

/* in php css */
.muzicartist{margin:3px 10px;color:#0FF;cursor:pointer;}

/* end of songpage style */


/* videopage style */
#videoitembinder{
	position:relative;
	width:100%;
	height:600px;
	margin:0px;
}
#videoblock, #videothumb{
	float:left;
	display:inline-block;
	width:60%;
	height:auto;
	margin:10px 1%;
}
#vidbx{
	width:100%;
	background:#000;
}
#vidtitle{
	 margin:0 0 5px 10px;
}
#videothumb{
	width:40%;
	height:400px;
	margin-left:7%;
}
#videothumb #currentartist, #videothumb #videocontrolbuttons{
	width:100%;
	height:49px;
}
#currentartist p, .uploadaudiovideo p{
	padding:10px 0px 5px 5px;
	font-size:1.75em;
	color:#FFFF00;
}
#videothumb #currentartist{
	border-bottom:1px solid #999;
}
#videocontrolbuttons img{
	float:left;
	width:80px;
	height:47px;
}
#videothmbholder{
	margin:95px 0px 0px 0px;
}
#vidholda1, #vidholda2, #vidholda3, #vidholda4, #vidholda5,
#vidholda6, #vidholda7, #vidholda8, #vidholda9{
	position:relative;
	float:left;
	width:32.1%;
	height:auto;
	margin:4px 0px 0px 4px;
	border:1px solid;
	z-index:-9999;
}
#vidholda1:hover, #vidholda2:hover, #vidholda3:hover, #vidholda4:hover, #vidholda5:hover,
#vidholda6:hover, #vidholda7:hover, #vidholda8:hover, #vidholda9:hover{
	border:1px solid yellow;
}
/* end of videopage style */

/* upload-page style */
.uploadaudiovideo p{
	color:#6600CC;
}
#audmu, #vidmu, .stiyar{
	color:#009900;
	font-family: 'Quicksand-Regular';
}
#audmu:hover, #vidmu:hover{cursor:pointer;text-decoration:underline;}
.songhead, #videoblock label{
	font-size:1.35em;
	vertical-align:text-bottom;
	margin:0%;
}
.songhead{margin:0px;
	color:#990000;
	margin:10px 0%;
}
#videoblock input, #songuploda{
	float:right;
	width:80%;
	height:35px;
	margin:-7.5px 0% 18px 0%;
	padding:5px;
	border-radius:5px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	outline:none;
}
#songuploda{float:right;
	width:120px;
	margin:5px 0% 0px 0px;
}
#songuploda:hover{border:1px solid #4d79ff;}

#albumimga, .albimghida{
	display: inline;
    width: 15%;
    height: auto;
    margin: 5px 1%;
    cursor: pointer;
}
.albimghida{
    width: 30%;
    position: absolute;
    left: -9999px;
}

/* end of upload-page style */

/* biography style */
#bioholder1{
	overflow:hidden;
	/*border:2px solid green; */
	width:855px;
	position:relative;
}
#bioholder0{
	width:20000px;
}
#bioholder0 .grid_10{
	height:450px;
	position:relative;
	float:left;
	display:inline;
}

#earlylife .grid_4{
	margin:30px 0px 0px 10px;
}
#earlylife .grid_4 h1{
	font-size:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCC;
	margin:10px 0px 0px 40px;
}
#earlylife .grid_5 p{
	font-size:1.25em;
	color:#FFF;
	margin:30px 0px 0px 45px;
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

#earlylife, #musicareer, #movingtorege, #criticalsuces, #death, #legacy{width:950px;}

#secondnav{
	height:35px;
	background:#000;
	opacity:0.7;
	margin-top:15px;
}
#secondnav ul li a{
	color:#999;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#secondnav ul li a:hover{
	color:#FFF;
}
#secondnav ul li{
	display:inline-block;
	margin:8px 10px 0 45px;
}


#biolowersep{
	height:30px;
}

/* end of biographypage style */

#lowersep{
	height:60px;
}
/* footer style */
#pagebase, footer{
	/*position:relative; */
	/*background:url(../images/footerbg.png); */
	background:linear-gradient(top, #fb0, #f50);
	background:-moz-linear-gradient(top, #fb0, #f50);
	background:-webkit-linear-gradient(top, #fb0, #f50);
	background:-o-linear-gradient(top, #fb0, #f50);
	background:-ms-linear-gradient(top, #fb0, #f50);
	opacity:0.7;
}
footer p{
	font-family:"Lucida Console", Monaco, monospace;
}

#ftxta, #ftxtb, #ftxtc{display:inline-block;}
#ftxta{
	font-size:2.25em;
	color:#42ff00;
	margin:7px 0 0 20px;
}
#ftxtb{
	font-size:1.75em;
	color:#00fe72;
	margin:5px 0 0 33px;
}
#ftxtc{
	font-size:1.15em;
	color:#45f996;
	margin:10px 0 0 33px;
}


#sugartistbox:scrollbar, #songtracksholder:scrollbar, #brief:scrollbar, #videothumb:scrollbar, #randomdiv:scrollbar{
    scrollbar-face-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
}
#sugartistbox:scrollbar-track-piece, #songtracksholder:scrollbar-track-piece, #brief:scrollbar-track-piece, #videothumb:scrollbar-track-piece, #randomdiv:scrollbar-track-piece{
	scrollbar-track-piece-color: #000;
}
#sugartistbox:scrollbar, #songtracksholder:scrollbar, #brief:scrollbar, #videothumb:scrollbar, #randomdiv:scrollbar{
    width:6px;
}
#sugartistbox::scrollbar-track, #songtracksholder::scrollbar-track, #brief::scrollbar-track, #videothumb::scrollbar-track, #randomdiv::scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-border-radius:8px;
    border-radius:8px;
}
#sugartistbox::scrollbar-thumb, #songtracksholder::scrollbar-thumb, #brief::scrollbar-thumb, #videothumb::scrollbar-thumb, #randomdiv::scrollbar-thumb{
    -webkit-border-radius:3px;
    border-radius:3px;
    background: rgba(207,175,239,0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#sugartistbox::-webkit-scrollbar, #songtracksholder::-webkit-scrollbar, #brief::-webkit-scrollbar, #videothumb::-webkit-scrollbar, #randomdiv::-webkit-scrollbar{
    scrollbar-face-color: #000;
    scrollbar-shadow-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
}
#sugartistbox::-webkit-scrollbar-track-piece, #songtracksholder::-webkit-scrollbar-track-piece, #brief::-webkit-scrollbar-track-piece, #videothumb::-webkit-scrollbar-track-piece, #randomdiv::-webkit-scrollbar-track-piece{
	color:#000;
}
#sugartistbox::-webkit-scrollbar, #songtracksholder::-webkit-scrollbar, #brief::-webkit-scrollbar, #videothumb::-webkit-scrollbar, #randomdiv::-webkit-scrollbar{
    width:6px;
}

#sugartistbox::-webkit-scrollbar-track, #songtracksholder::-webkit-scrollbar-track, #brief::-webkit-scrollbar-track, #videothumb::-webkit-scrollbar-track, #randomdiv::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    -webkit-border-radius:6px;
    border-radius:6px;
}

#sugartistbox::-webkit-scrollbar-thumb, #songtracksholder::-webkit-scrollbar-thumb, #brief::-webkit-scrollbar-thumb, #videothumb::-webkit-scrollbar-thumb, #randomdiv::-webkit-scrollbar-thumb{
    -webkit-border-radius:3px;
    border-radius:3px;
    background: rgba(207,175,239,0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


/* mobile common features style */
@media screen and (min-width: 0px) and (max-width: 600px)
{
	#logobx {
		width: 12%;
	}
	#navbx {width:60%;}
	#pgtitle h1, .h2hedas, #playingartisit, #songtitle p strong, #sngname, #vidtitle, #songartistalbum, #artistsname{
		font-size:2em;
	}
	#audiostuf, #singerboxes, #enginensong, #songpict{
		float:none;
		display:block;
		width:95%;
		margin:15px 2.5%;
	}
	#sugartistbox, #songtracksholder {
		height: 150px;
	}
	#singerboxes{height:100%;}
	#songpict{width:100%;margin:15px 0%;}
	#spinimag0, #spinimag1 {
		width: 100%;
		margin: 1px 0%;
	}
	#videoblock, #videothumb{
		width:95%;
	}
	#videoblock input{
		float:none;
		display:block;
		width: 100%;
		margin: 0px 0% 8px 0%;
	}
}

/* -------------------------------------------------------------------------------------- */

/* Extra - lager screen above 2500 style */
@media screen and (min-width: 2128px) and (max-width: 2500px)
{


}
/* end of lager screen above 1350 style */

/* -------------------------------------------------------------------------------------- */

/* lager screen above 1350 style */
@media screen and (min-width: 2128px) and (max-width: 2500px)
{


}
/* end of lager screen above 1350 style */
/* lager screen above 1350 style */
@media screen and (min-width: 2155px) and (max-width: 2127px)
{


}
/* end of lager screen above 1350 style */
/* lager screen above 1350 style */
@media screen and (min-width: 1381px) and (max-width: 2154px)
{


}
/* end of lager screen above 1350 style */

/* -------------------------------------------------------------------------------------- */

/* Semi - lager screen above 1265 style */
@media screen and (min-width: 1266px) and (max-width: 1380px)
{


}
/* end of lager screen above 1350 style */

/* -------------------------------------------------------------------------------------- */

/* smaller screen 1265 style */
@media screen and (min-width: 1186px) and (max-width: 1265px)
{
	/* Main page*/


}
/* end of smaller screen style */
/* smaller screen 1265 style */
@media screen and (min-width: 1106px) and (max-width: 1185px)
{
	/* Main page*/


}
/* end of smaller screen style */
/* smaller screen 1265 style */
@media screen and (min-width: 1025px) and (max-width: 1105px)
{
	/* Main page*/


}
/* end of smaller screen style */

/* -------------------------------------------------------------------------------------- */

/* ipad landscape style */
@media screen and (min-width: 992px) and (max-width: 1024px)
{
	/* Main page*/



}
/* end of ipad landscape style */

/* -------------------------------------------------------------------------------------- */

/* ipad portrait style */
@media screen and (min-width: 958px) and (max-width: 991px)
{
	/* Main page*/


}
/* end of ipad portrait style */
/* ipad portrait style */
@media screen and (min-width: 924px) and (max-width: 957px)
{
	/* Main page*/


}
/* end of ipad portrait style */
/* ipad portrait style */
@media screen and (min-width: 891px) and (max-width: 923px)
{
	/* Main page*/


}
/* end of ipad portrait style */

/* -------------------------------------------------------------------------------------- */

/* oldschool monitor style */
@media screen and (min-width: 851px) and (max-width: 890px)
{
	/* Main page*/


}
/* end of oldschool monitor style */
/* oldschool monitor style */
@media screen and (min-width: 811px) and (max-width: 850px)
{
	/* Main page*/


}
/* end of oldschool monitor style */
/* oldschool monitor style */
@media screen and (min-width: 769px) and (max-width: 810px)
{
	/* Main page*/


}
/* end of oldschool monitor style */

/* -------------------------------------------------------------------------------------- */

/* ipad portrait style */
@media screen and (min-width: 737px) and (max-width: 768px)
{
	/* Main page*/



}
/* end of ipad portrait style */

/* -------------------------------------------------------------------------------------- */

/* iPhone 6 Plump landscape · width: 736px */   /* COMMINNG BBBAAACKK */
@media screen and (min-width: 702px) and (max-width: 736px)
{
	/* Main page*/
	#audiostuf, #singerboxes, #enginensong{
		float:clear;
		display:block;
		width:95%;
	}


}
/* end of iPhone 6 Plump landscape style */
@media screen and (min-width: 668px) and (max-width: 701px)
{
	/* Main page*/
	#audiostuf, #singerboxes, #enginensong{
		float:clear;
		display:block;
		width:95%;
	}


}
/* end of iPhone 6 Plump landscape style */

/* -------------------------------------------------------------------------------------- */

/* iPhone 6 landscape · width: 667px style */
@media screen and (min-width: 635px) and (max-width: 667px)
{
	/* Main page*/
	#audiostuf, #singerboxes, #enginensong{
		float:clear;
		display:block;
		width:95%;
	}
}
/* iPhone 6 landscape style */
/* iPhone 6 landscape · width: 667px style */
@media screen and (min-width: 601px) and (max-width: 634px)
{
	/* Main page*/
	#audiostuf, #singerboxes, #enginensong{
		float:clear;
		display:block;
		width:95%;
	}
}
/* iPhone 6 landscape style */

/* -------------------------------------------------------------------------------------- */

/* Android (Nexus 4) landscape · width: 600px style */
@media screen and (min-width: 569px) and (max-width: 600px)
{
	/* Main page*/


}
/* end of Android (Nexus 4) landscape portrait style */

/* -------------------------------------------------------------------------------------- */

/* iPhone 5 landscape · width: 568px style */
@media screen and (min-width: 518px) and (max-width: 568px)
{
	/* Main page*/


}
/* end of iPhone 5 landscape style */
/* iPhone 5 landscape · width: 568px style */
@media screen and (min-width: 447px) and (max-width: 517px)
{
	/* Main page*/


}
/* end of iPhone 5 landscape style */
/* iPhone 5 landscape · width: 568px style */
@media screen and (min-width: 415px) and (max-width: 566px)
{
	/* Main page*/


}
/* end of iPhone 5 landscape style */

/* -------------------------------------------------------------------------------------- */

/* iPhone 6 Plump portrait · width: 414px style */
@media screen and (min-width: 385px) and (max-width: 414px)
{
	/* Main page*/


}
/* iPhone 6 Plump portrait style */

/* -------------------------------------------------------------------------------------- */
/*****************************************************************/
/* Android (Nexus 4) portrait · width: 384px style */
@media screen and (min-width: 376px) and (max-width: 384px)
{
	/* Main page*/


}
/* Android (Nexus 4) portrait style */
/******************************************************************/

/* -------------------------------------------------------------------------------------- */

/* iPhone 6 portrait · width: 375px style */
@media screen and (min-width: 349px) and (max-width: 375px)
{
	/* Main page*/


}
/* end of iPhone 6 portrait style */
/* iPhone 6 portrait · width: 375px style */
@media screen and (min-width: 321px) and (max-width: 348px)
{
	/* Main page*/


}
/* end of iPhone 6 portrait style */

/* -------------------------------------------------------------------------------------- */

/* Crappy Android landscape and iPhone 5 portrait· width: 320px style */
@media screen and (min-width: 281px) and (max-width: 320px)
{
	/* Main page*/



}
/* Crappy Android landscape style */
/* Crappy less Android landscape and iPhone 5 portrait· width: 280px style */
@media screen and (min-width: 241px) and (max-width: 280px)
{
	/* Main page*/



}
/* Crappy Android landscape style */

/* -------------------------------------------------------------------------------------- */

/* Crappy Android portrait · width: 240px style */
@media screen and (max-width: 240px)
{
	/* Main page*/



/* Crappy Android portrait style */