@charset "UTF-8";
/* CSS Document */


@media all and (orientation:portrait) {

#headeroptions {
	position:fixed;
	top: 0;
	left:0;
    text-align: center;
    width: 100%;
    height: 13%;
    background: red;
    background: linear-gradient(to left, rgba(251, 134, 1, 0.5), rgba(251, 134, 1, 1), rgba(251, 134, 1, 0.5));
    border-radius: 0px 0px 35px 35px;/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);*/
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
}

#bottommenumobile, #mainmenumobile {
    display: block;
}
#mainmenudesktop {
    display: none;
}
#maincontent {
    z-index: 1;
    width: 100%;
    height: 79%;
    border-radius: 35px 35px 0px 0px
}
.profiledetails {
    font-size: 2vh;
}
.chatcommentbox {
    max-height: 26%;
}
}

@media all and (min-width: 768px) and (orientation:landscape) {

#headeroptions {
	position:fixed;
	top: 0;
	left:25%;
    text-align: center;
    width: 75%;
    height: 13%;
    background: red;
    background: linear-gradient(to left, rgba(251, 134, 1, 0.5), rgba(251, 134, 1, 1), rgba(251, 134, 1, 0.5));
    border-radius: 0px 0px 35px 0px;/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);*/
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
}

#bottommenumobile, #mainmenumobile {
    display: none;
}
#mainmenudesktop {
    display: block;
}
#maincontent {
    z-index: 1;
    position: absolute;
    width: 75%;
    height: 87%;
    left: 25%;
    bottom: 0;
    border-radius: 35px 35px 0px 0px;
}
	
.profiledetails {
    font-size: 1.3vh;
}
.chatcommentbox {
    max-height: 26%;
}
}

@media all and (min-width: 768px) and (orientation:landscape) {

#headeroptions {
	position:fixed;
	top: 0;
	left:25%;
    text-align: center;
    width: 75%;
    height: 13%;
    background: red;
    background: linear-gradient(to left, rgba(251, 134, 1, 0.5), rgba(251, 134, 1, 1), rgba(251, 134, 1, 0.5));
    border-radius: 0px 0px 35px 0px;/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);*/
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
}

#bottommenumobile, #mainmenumobile {
    display: none;
}
#mainmenudesktop {
    display: block;
}
#maincontent {
    z-index: 1;
    position: absolute;
    width: 75%;
    height: 87%;
    left: 25%;
    bottom: 0;
    border-radius: 35px 35px 0px 0px;
}
.profiledetails {
    font-size: 1.6vh;
}
.chatcommentbox {
    max-height: 26%;
}
}

@media all and (min-width: 992px) and (orientation:landscape) {

#headeroptions {
	position:fixed;
	top: 0;
	left:25%;
    text-align: center;
    width: 75%;
    height: 13%;
    background: red;
    background: linear-gradient(to left, rgba(251, 134, 1, 0.5), rgba(251, 134, 1, 1), rgba(251, 134, 1, 0.5));
    border-radius: 0px 0px 35px 0px;/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);*/
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
}

#bottommenumobile, #mainmenumobile {
    display: none;
}
#mainmenudesktop {
    display: block;
}
#maincontent {
    z-index: 1;
    position: absolute;
    width: 75%;
    height: 87%;
    left: 25%;
    bottom: 0;
    border-radius: 35px 35px 0px 0px;
}
.profiledetails {
    font-size: 2vh;
}
.chatcommentbox {
    max-height: 26%;
}
}

@media all and (min-width: 1200) and (orientation:landscape) {
	
#headeroptions {
	position:fixed;
	top: 0;
	left:25%;
    text-align: center;
    width: 75%;
    height: 13%;
    background: red;
    background: linear-gradient(to left, rgba(251, 134, 1, 0.5), rgba(251, 134, 1, 1), rgba(251, 134, 1, 0.5));
    border-radius: 0px 0px 35px 0px;/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 5vh, 0 100%);*/
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index:10;
}
	
#bottommenumobile, #mainmenumobile {
    display: none;
}
#mainmenudesktop {
    display: block;
}
#maincontent {
    z-index: 1;
    position: absolute;
    width: 75%;
    height: 87%;
    left: 25%;
    bottom: 0;
    border-radius: 35px 35px 0px 0px;
}
.profiledetails {
    font-size: 2vh;
}
.chatcommentbox {
    max-height: 26%;
}
}