/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) {
  .container {
    max-width: 1710px;
  }
  .link_wrap {
    padding-left: calc((100% - 1710px) / 2 + 15px);
  }
}
@media (min-width: 1600px) and (max-width: 1919.98px) {
  html {
    font-size: 53%;
  }
  .container {
    max-width: 1460px;
  }
  .link_wrap {
    padding-left: calc((100% - 1460px) / 2 + 15px);
  }
}
@media (min-width: 1366px) and (max-width: 1599.98px) {
  html {
    font-size: 48%;
  }
  .container {
    max-width: 1280px;
  }
  .link_wrap {
    padding-left: calc((100% - 1280px) / 2 + 15px);
  }
}
@media (min-width: 1200px) and (max-width: 1365.99px) {
  html {
    font-size: 42%;
  }
  .container {
    max-width: 1140px;
  }
  .link_wrap {
    padding-left: calc((100% - 1140px) / 2 + 15px);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html {
    font-size: 37%;
  }
  .container {
    max-width: 970px;
  }
  .link_wrap {
    padding-left: calc((100% - 970px) / 2 + 15px);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 700px;
  }
  .link_wrap {
    padding-left: calc((100% - 700px) / 2 + 15px);
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 60%;
  }
  .slider_wrap {
    position: relative;
    width: 100%;
    height: 60rem;
  }
  .nature_slider .owl-nav {
    display: none;
  }
  .trends_content {
    max-width: 100%;
    padding: 10rem 0;
  }
  .trends_content p {
    max-width: 100%;
  }
  footer h5 {
    max-width: 100%;
  }
  .two_list ul {
    max-width: 100%;
    -webkit-column-gap: 5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
  }
  .video_content {
    max-width: 100%;
  }
  .news_content {
    padding: 3rem 3rem 9rem;
  }
  .news_content .link {
    left: 3rem;
    bottom: 3.5rem;
  }
  .mt_100 {
    margin-top: 6rem;
  }
  .link_wrap {
    width: 80%;
  }
  .right_content {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .right_menu a {
    display: none;
  }
  .menu_toggle span {
    display: none;
  }
  .search {
    width: 2.5rem;
  }
  .menu_toggle img {
    width: 3rem;
  }
  h1 {
    font-size: 8rem;
  }
  #sync2 {
    display: none;
  }
  .features ul {
    margin-bottom: 6rem;
  }
  .features ul li {
    border-bottom: 0.1rem solid rgba(112, 112, 112, 0.2);
    padding-bottom: 1.5rem;
  }
  .text_box {
    margin-top: 0;
  }
  .slider2 .owl-nav,
  .slider3 .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    margin-top: 3rem;
  }
  .slider2 .owl-nav button,
  .slider3 .owl-nav button {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .news_item {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }
  .news_item h5 {
    font-size: 3.5rem;
  }
  .location_wrapper {
    position: relative;
    padding-top: 0;
  }
  .location_form {
    max-width: 100%;
    padding: 3rem;
    margin-top: 4rem;
    margin-bottom: 3rem;
  }

  .back_link span{
    display: none;
  }
  .dashboard_content{
    padding-left: 0;
    padding-bottom: 8rem;
  }
  .dashboard_area {
    padding-top: 9.3rem;
  }
  .side_box::before{
    right: 50%;
    transform: translateX(50%);
  }
  .side_box {
    padding-right: 0rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .side_box ul:last-child {
    margin-top: 3rem;
  }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
  html {
    font-size: 43%;
  }
  .link_wrap {
    padding-left: calc((100% - 540px) / 2 + 15px);
  }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
  html {
    font-size: 1.7vw;
  }
  .container,
  .container-fluid {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  header {
    padding-left: 0;
    padding-right: 0;
  }
  .link_wrap {
    padding-left: 3.5rem;
  }
  .title_wrap {
    display: block;
  }
  .inner_title {
    padding-right: 0;
    border-right: none;
  }
  .video_box {
    height: 35rem;
  }
  .nature_content {
    display: none;
  }
  .video_box .play {
    width: 9rem;
  }
  .video_area {
    padding-bottom: 10rem;
  }
  .video_area::before {
    height: calc(100% + 30.2rem);
  }
  .slider_wrap {
    height: 40rem;
  }
  h2,
  h3 {
    font-size: 5rem;
  }
  .menu_wrap {
    width: 100%;
  }
  .slider1 .owl-nav button.owl-prev {
    left: -2rem;
  }
  .slider1 .owl-nav button.owl-next {
    right: -2rem;
  }
  .text_box {
    padding: 3.5rem 3.5rem;
  }
  h1 {
    font-size: 6rem;
  }
  .map_box {
    height: 100rem;
  }
  .location_form {
    margin-top: 10rem;
    margin-bottom: 45rem;
  }
  .news_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .news_img_left {
    width: 100%;
    margin-bottom: 2rem;
  }
  .breadcrumb li,
  .breadcrumb li a,
  .breadcrumb-item.active {
    font-size: 1.8rem;
  }
  .news_details_content h2 {
    font-size: 4rem;
  }
  .news_details::before {
    height: 43rem;
  }

  .login_area{
    min-height: 100%;
  }
  .login_box {
    padding: 4rem 4rem 6rem;
  }
  .login_box .button{
    margin-top: 4rem;
  }
  .slider_content .slider_nav ul {
    column-gap: 4rem;
    font-size: 2.3rem;
  }
  .home_area:not(.login_area) {
    padding: 12rem 0 15rem;
    max-height: 80rem;
  }
  .right_content img {
    aspect-ratio: 1.6/1;
  }
}