#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
  
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
  
    .diagonal-shadow {
        z-index: 1;
        padding-top: 7em;
        background: rgba(255,255,255,0.0);}
		
  
    .diagonal-shadow::before,
        .diagonal-shadow::after {
        top: 0;
        left: -100%;
        z-index: -1;
        width: 550%;
        height: 100%;
        background: inherit;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-transform-origin: 00% 0;
        transform-origin: 00% 0;}
  

    .diagonal-shadow::before {
        height: 2000%;
        background: #fff;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        -webkit-transform-origin: 20% 0;
        transform-origin: 20% 0%;}

.content-area ul {
	margin: 0;
	padding-bottom: 10px;
}

.secondPara {
			padding-right: 40% !important;
 		}

#filter-nav.left {
	margin: 0px;
	border: 0px;
	padding-left: 10%;
	padding-right: 10%;
}

body #filter-nav {
	padding-bottom: 5px !important;	
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: #BD1622;
	font-size: 14px;
}

body #filter-nav li a  {
  color: #95989A;
    font-size: 14px;
}

#footer .secondary p {
	font-family: helvetica, arial;
}


.logo-fp-bottom {
    position: absolute;
    width: 80%;
    bottom: 20px;
} 

.fpStudioImage {
    position: absolute;
    width: 100%;
    bottom: 40px;
} 

.fpContact {
    position: absolute;
    width: 100%;
    bottom: 20px;
} 

.vc_btn3 {
    background-color: #BD1622 !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    letter-spacing: 1px;
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px) {
		.diagonal-shadow {
        z-index: 1;
        padding-top: 0em;
        background: rgba(255,255,255,0.01);}
.sticky-header #site-header {
    position: absolute !important;
}
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px) {
	
	.diagonal-shadow {
        z-index: 1;
        padding-top: 0em;
        background: rgba(255,255,255,0.01);}
.sticky-header #site-header {
    position: absolute !important;
}
}

@media only screen and (max-width: 768px) {

h1 {
   font-size: 50px !important;
		line-height: 40px !important;
}

h2 {
   font-size: 40px !important;
		line-height: 32px !important;
}

h3 {
   font-size: 30px !important;
		line-height: 25px !important;
}

h4 {
   font-size: 30px !important;
		line-height: 25px !important;
}

h5 {
   font-size: 30px !important;
		line-height: 25px !important;
}

h6 {
   font-size: 20px !important;
		line-height: 20px !important;
}
ul, li, a, p {
   font-size: 18px !important;
	line-height: 20px !important;
}
	
	#filter-nav.left {
	margin: 0px;
	border: 0px;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 7px !important;
	padding-bottom: 20px !important;
}
}


	@media only screen and (max-width: 768px) {
		.secondPara {
			padding-right: 0% !important;
 		}
		.diagonal-shadow {
        z-index: 1;
        padding-top: 0em;
        background: rgba(255,255,255,0.01);}
		#site-header {
    padding-left: 20px !important;
	padding-top: 00px !important;
	z-index: 9999999 !important;		
	background-color: red !important;
}
		
#slide-panel {
    position: fixed !important;
    width: 100%;
    height: 100%;
    padding-top: 75px !important;
}
		#slide-panel-holder #slide-panel {
    z-index: 999999 !important;
}
		#middle {
			padding-top: 75px !important;
		}
		body #site-header.transparent {
    background: #fff !important;
}
}


.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: black !important
}

.search-results #site-header {
    background: black;
}


.personalSocial {
	position: absolute;
	padding-left: 25px !important;
	padding-right: 50% !important;
	bottom: 0px;
}

@media only screen and (max-width: 768px) {
#logo img {
    display: none !important;
}

#logo {
    height: 60px;
    width: 220px;
    background: url("https://www.thedigimonsters.com/wp-content/uploads/2018/03/DigiMonstersForDark512.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    margin-top: 15px;
}
}