/* Responsive Large */
@media screen and (min-width: 2250px) {

}
/*  */

/* Responsive */
@media screen and (max-width: 1850px) {

}

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

}

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

}

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

}

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

}

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

}

@media screen and (max-width: 1300px) {
/* Navbar PC */
.navbarLeft {
  width: 25%;
}
.navbarRight {
  width: 75%;
}
.navbarRight ul li {
  padding: 0 30px 0 30px;
}
/*  */
}

@media screen and (max-width: 1200px) {
/* Navbar PC */
.navbarLeft {
  width: 20%;
}
.navbarRight {
  width: 80%;
}
/*  */
}

@media screen and (max-width: 1100px) {
/* Navbar PC */
.navbarLeft {
  width: 15%;
}
.navbarRight {
  width: 85%;
}
/*  */
}

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

}

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

}

@media screen and (max-width: 992px) {
/* NAVBAR PC */
.navbarPC {
  display: none;
}
/*  */

/* Navbar Reponsive */
.navbarResponsive {
  display: inline-block;
}
.navbarResponsive .logoDipa {
  max-width: 95px;
  height: auto;
  position: absolute;
  top: 0;
  left: 25px;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}
/*  */
}

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

}

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

}

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

}

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

}

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

}

@media screen and (max-width: 600px) {
/* Navbar Reponsive */
.navbarResponsive {
  height: 65px;
}
.navbarResponsive .logoDipa {
  max-width: 75px;
  left: 15px;
}

.navbarHamb {
  width: 60px;
  height: 55px;
  right: 15px;
  padding: 2px 0 0 0;
}
.navbarHamb div {
  width: 80%;
  height: 5px;
}

.sidebarContent {
  padding: 90px 0 0 0;
}
.sidebarContent ul li {
  line-height: 55px;
}
.sidebarContent ul li a {
  font-size: 45px;
}
/*  */
}

@media screen and (max-width: 500px) {
/* Navbar Reponsive */
.sidebarContent {
  padding: 70px 0 0 0;
}

.sidebarContent ul li {
  line-height: 50px;
}
.sidebarContent ul li a {
  font-size: 40px;
}
/*  */
}

@media screen and (max-width: 400px) {
/* Navbar Reponsive */
.sidebarContent {
  padding: 60px 0 0 0;
}
.sidebarContent ul li {
  line-height: 40px;
}
.sidebarContent ul li a {
  font-size: 30px;
}
/*  */
}

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

}
/*  */