a{
    color: black;
}
.head_nav li{
    display:inline;
}
.head_nav ul {
    white-space:nowrap;
    overflow: auto;
}
#section1{
    position: relative;
    top: 80px;
    margin-bottom: 80px;
    background-color: #808AD4;
    height: auto;
}

.head_nav{
    width: 100%;
    height: auto;
    /* min-height: 50px; */
    /* background-color: #808AD4; */
    text-align: right;
}
.head_nav ul{
    height: 100%;
    padding: 20px;
    margin-right: 20px;
    /* color: white; */
}
.country_item{
    background-color: #808AD4;
    /* float: right; */
    /* height: 20px; */
    display: inline;
    margin: 20px;
}
.country_item a{
    color: white;
}
.sub_header{
    color: white;
    text-align: center;
    font-size: 30px;
    padding:20px 0;
}
.sub_header a{
    color: white;
}
#section2{
    background-color: #272C6D;
}
#section3{
    /* height: 1000px; */
    min-height: 800px;
}
.swiper_div{
    height: 500px;
    padding: 20px;
    /* width:500px; */
}

.method_detail{
    /* height: auto;*/
    width: 700px; 
}

.method_content{
    margin: 40px 20px;
}

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    background-size: cover;
    background-position: center;
  }
  .gallery-top {
    height: 80%;
    width: 100%;
  }
  .gallery-thumbs {
    height: 30%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }
  .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }
.swiper_div .swiper-button-next, .swiper_div .swiper-button-prev {
    top: 43%;
    margin: 0px 10px;
}
div[data-fancybox] {
    cursor: pointer;
}
@media (max-width: 700px) {
    .method_detail {
        width: 100%;
    }
    .gallery-thumbs {
        height: 18%;
    }
}