/* 가로 해상도가 425px 보다 작은 화면에 적용 */
@media only screen and (max-width: 425px) { 


.detail_contents {
    padding:0px;
}
    
.credit_bg {
    padding-bottom:0px;
    background-image: url("../images/bg_creadit.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
    
.title {
    font-size:13px;
    color:#000000;
    font-weight:200;
    line-height: 23.87px;
    letter-spacing: 0px;
}

.pro_name {
    font-size:20px;
    color:#000000;
    font-weight:800;
    letter-spacing: -1px;
}

.desc_kor, .desc_eng {
    font-size:0.7em;
    color:#000000;
    font-weight:400;
    letter-spacing: 0px;
    text-align:justify;
    line-height:18px;
}

.credit {
    margin-top:30px;
}

.credit_title {
    font-size:20px;
    text-align:left;
}

.credit_subtitle {
    margin-top:0px;
    font-size:20px;
    font-weight:bold;
}


.credit_section {
    padding:0px 0px;
    text-align:left;
    font-size:16px;
}

.credit_section ul {
    list-style:none;
    padding:0px;
}

.credit_section li {
    float:left;
    text-align:left;
    font-size:0.9em;
    font-weight:200;
    padding:0px;
    width:20%;
    margin-bottom:5px;
}

.credit_section li a {
    text-decoration:none;
}

    .introduce {
        padding:100px 0px;
    }
    

    .designer img {
        width:100%;
    }
    
    .subtitle-detail h3 {
        font-size:25px;
        font-weight:700;
    }
    
    .subtitle-detail h5 {
        padding:0px 0px;
        font-size:15px;
        font-weight:200;
        color:#a9a9a9;
    }

    .individual_photo img {
        max-width:385px;
        text-align:center;
    }
    
    .individual_photo a {
        text-align:center;
    }

    .subtitle_section {
        padding-top:30px;
        margin:0px;
        width:100%;
        position: relative;
        margin:0 auto;
    }

.subtitle {
    padding-top:10px;
    font-size:55.25px;
    font-weight:500;
}

.subtitle_sub {
    margin-top:-10px;
    text-align:center;
    font-size:13px;
    font-weight:200;
    color:#8f8f8f;
}

.subtitle_detail {
    padding-top:20px;
    text-align:center;
    font-size:13px;
    font-weight:500;
}

.subtitle_detail2 {
    text-align:center;
    font-size:13px;
    font-weight:100;
}

    .x-being_title {
        padding-top:10px;
        font-size:24px;
        font-weight:bold;
    }

    .x-being_detail {
        font-size:16px;
        color:#686868;
    }

    .subcontent-section {
        margin-top:50px;
    }    
    
    .subcontent li {
        margin-bottom:80px;
    }

    
    .subcontent_team {
        display: flex;
        justify-content: space-between;    
    }


    .subcontent_team ul li {
        max-width:100%;
        margin-bottom:50px;
    }

    
    .footer {
        width:100%;
        text-align:center;
    }

    .footer_logo {
        text-align:center;
    }

    .footer_logo img {
        width:60%;
    }
    
    .footer_logo2 img {
        width:40%;
    }

    .footer_insta {
        text-align:center;
        margin-bottom:10px;
    }
    
    .smid_logo {
        margin-bottom:10px;
    }
    
    .designer-section {
        padding:0px;
    }

    .designer_name {
        margin-top:15px;
        font-size:20px;
        font-weight:bold;
    }

    .designer_name_eng {
        font-size:20px;
        font-weight:400;
    }

    .designer_name_detail {
        display:none;
    }

    .designer_email {
        font-size:12px;
        font-weight:200;
        color:#A5A5A5;
    }

    .designer_email img {
        width:15px;
    }

    .designer_link {
        font-size:18px;
        font-weight:200;
        color:#A5A5A5;
    }

    .designer_link .list {
        border-bottom:1px solid;
        padding-bottom:5px;
        border-color:A5A5A5;
    }


    .designer-list-text {
        font-size:25px;
        color:#000000;
        font-weight:bold;
        margin-bottom:20px;
    }

    .designer_line {
        width:100%;
        border-bottom:1px solid;
        height:13px;
        border-color:#34457E;
    }

    .designer_line, .design_profile_section {
        display:none;
    }    
    
    .designer_profile {
        font-size:15px;
        margin:0px;
        padding:0px;
        line-height:23px;
        padding-bottom:50px;
        font-weight:300;
    }
    
    .designer_contact {
        line-height:30px;
        font-size:15px;
        margin:0px;
    }

    .designer_category {
        font-size:15px;
        margin:0px;
        padding:0px;
        padding-bottom:80px;
    }
    
    .designer_category ul li {
        list-style: none;
        float:left;
        padding-right:20px;
    }


    .designer_photo img {
        max-width:385px;
        margin-top:-10px;
    }

    .designer_title_mobile {
        display:block;
        margin-top:20px;
    }    
    
    .sub_designer_name_eng {
        padding-top:10px;
        font-size:24px;
        font-weight:300;
    }

    .sub_designer_name_detail {
        font-size:25px;
        font-weight:bold;
    }
    
    
}



@media screen and (min-width: 426px) and (max-width: 767x) { // 모바일
    
    .designer-section {
        position: relative;
        padding:0px;
    }
}
                                 
                                 
                                 

                                 
    
/* 가로 해상도가 768px부터 모든 스크린을 적용 */
@media only screen and (min-width: 768px) {

    .designer_photo img {
        width:100%;
        padding:0px;
        margin:0px;
    }
    
.title {
    font-size:13px;
    color:#000000;
    font-weight:200;
    line-height: 23.87px;
    letter-spacing: 0px;
}

.pro_name {
    font-size:20px;
    color:#000000;
    font-weight:800;
    letter-spacing: -1px;
}

.desc_kor, .desc_eng {
    font-size:0.9em;
    color:#000000;
    font-weight:350;
    letter-spacing: 0px;
    text-align:justify;
    line-height:25px;
    
}

.credit {
    margin-top:30px;
}

.credit_title {
    font-size:20px;
    text-align:left;
}

.credit_subtitle {
    margin-top:0px;
    font-size:20px;
    font-weight:bold;
}


.credit_section {
    padding:0px 0px;
    text-align:left;
}

.credit_section ul {
    font-size:0.6em;
    list-style:none;
}

.credit_section li {
    float:left;
    text-align:left;
    color:#000000;
    font-weight:400;
    width:11%;
}

    .designer_category {
        font-size:15px;
        margin:0px;
        padding:0px;
        padding-bottom:80px;
    }
    
    .designer_category ul li {
        list-style: none;
        float:left;
        padding-right:20px;
    }


    .individual_photo img {
        text-align:center;
    }
    
.designer-list-text {
    padding-top:0px;
}

    .designer_line, .design_profile_section {
        display:none;
    }    

    .designer_title_mobile {
        display:block;
        margin-top:20px;
    }    
    
    .sub_designer_name_eng {
        padding-top:10px;
        font-size:20px;
        font-weight:300;
        text-align:left;
    }

    .sub_designer_name_detail {
        padding-top:30px;
        font-size:25px;
        font-weight:bold;
        text-align:left;
    }

    .subpage_title {
        margin:150px 0px 50px 0px;
        font-family: "HelveticaNeue",arial;
        font-size:36px;
        color:#000000;
        font-weight:bold;
    }

    .individual_photo img {
        max-width:100%;
        text-align:center;
    }

    .x-being_title {
        padding-top:10px;
        font-size:24px;
        font-weight:bold;
        text-align:left;
    }

    .x-being_detail {
        font-size:16px;
        color:#686868;
        text-align:left;
    }

    .subtitle_section {
        padding-top:0px;
        margin-top:0px;
        width:100%;
        position: relative;
        margin:0 auto;
    }
    

.subtitle {
    padding-top:80px;
}

    .subcontent-section {
        margin-top:50px;
    }    

    .footer_insta {
        text-align:center;
        padding-right:0px;
        margin-bottom:10px;
    }
    
    .designer-section {
        padding:0px;
    }
    
    
.designer_contact {
    margin:23px 0px 0px 0px;
    font-family: "HelveticaNeue",arial;
    font-size:20px;
    color:#000000;
    font-weight:200;
    line-height: 35px;
    text-align:left;
}


    .footer {
        width:100%;
        text-align:center;
    }

    .footer .pb-5 {
        margin-bottom:-30px;
    }

    .footer_logo, .footer_logo2 {
        text-align:center;
    }

    .footer_logo img {
        width:50%;
    }
    
    .footer_logo2 img {
        width:30%;
    }
    
    .footer_insta {
        text-align:center;
        margin-bottom:10px;
    }
        
    
}




@media screen and (min-width: 769px) and (max-width: 1919px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        
    }

.credit_bg {
    padding-bottom: 80px;
}

    
.credit_section {
    padding:0px 0px;
    text-align:left;
}

.credit_section ul {
    font-size:1em;
    list-style:none;
}

.credit_section li {
    float:left;
    text-align:left;
    color:#000000;
    font-weight:400;
    width:11%;
}




.credit_section li a {
    text-decoration:none;
}

    
    
    
    .container_detail {
        width:100%;
        margin:0 auto;
    }    
    
    .replay-section {
        width:1024px;
        margin:0 auto;
    }

.main-4, .main-1 {
    margin:0 auto;
    width:100%;
    padding: 70px 0px 0px 0px;
    position: relative;
    justify-content: space-between;    
}
       

.footer-cont ul {
    list-style: none
}

.footer-cont ul li {
    float:left;
    margin-bottom: 10px
}

.footer-links li a {
    color: #5f6465;
    text-decoration: none;
    font-size: 0.75em;
    font-weight: 300;
}

.footer-links li a:hover {
    color: #21c2a6;
}

.f1 {
    padding-right:0px;
}

.f1 img {
}

.f2 {
    padding:20px 0px;
    font-size:0.8em;
}

.f3 {
    padding-left:50px;
}

.f3 img {
    width:30%;
}

.effect-4 .effect-img img {
    width: 300px;
    height: auto;
    transition: all .3s;
}    
    


    
}
    
    
    
/* 가로 해상도가 992px부터 모든 스크린을 적용 */
@media only screen and (min-width: 1024px) {

.designer-list-detail {
    padding: 200px 0px;
    position: relative;
    justify-content: space-between;
}

.designer_name_detail {
    font-size:28px;
}

.designer_name_eng {
    font-size:25px;
}

.designer_photo {
    margin-top:20px;
}

.designer_photo img {
    width:60%;
}

.designer-list-text {
    text-align:left;
    font-size:25px;
    color:#000000;
    padding-top:15px;
}

.designer_profile,.designer_category {
    margin:23px 0px 100px 0px;
    font-family: "HelveticaNeue";
    font-size:20px;
    color:#000000;
    font-weight:400;
    line-height: 35px;
    text-align:left;
}

.designer_category ul li {
    list-style: none;
    float:left;
}
}

    
    
    
/* 가로 해상도가 992px부터 모든 스크린을 적용 */
@media only screen and (min-width: 998px) {

    .designer_line, .design_profile_section {
        padding-top:0px;
        display:block;
    }    
    
    .designer_title_mobile {
        display:none;
    }


    .x-being_title {
        padding-top:10px;
        font-size:24px;
        font-weight:bold;
        text-align:left;
    }

    .x-being_detail {
        font-size:16px;
        color:#686868;
        text-align:left;
    }
    
    .subtitle {
    padding-top:100px;
}

    .subcontent-section {
        margin-top:100px;
    }    

    .designer-section {
        padding:0px;
    }
    
    .footer_insta {
        text-align:center;
        padding-right:15px;
    }
    
}


/* 가로 해상도가 1200px부터 모든 스크린을 적용 */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .designer-list-detail {
        padding:0px; 
        margin:0px;
    }
    
    .subtitle {
        padding-top:80px;
    }

    .subcontent-section {
        margin-top:50px;
    }    

    .footer_insta {
        text-align:right;
        padding:0px;
    }
    
    .designer-section {
        padding:60px 60px;
    }
    
    .designer-section2 {
        background: #ffffff;
        position: relative;
        padding:268px 0px;
    }
    
.designer_photo img {
    width:70%;
}
    
}


/* 가로 해상도가 1200px부터 모든 스크린을 적용 */
@media only screen and (min-width: 1400px) and (max-width: 1919px) {

.col-xxl-2 {
    width:19.999999999%;
}    

.footer_logo {
    text-align:left;
    width:90%;
}

    
.footer_logo img {
    width:90%;
}

.footer_logo2 img {
    width:60%;
}

.smid_logo, .linc_logo {
    width:95%;
}
    
.designer-section {
    background: #ffffff;
    position: relative;
    padding:100px 50px;
}

.subtitle {
    padding-top:150px;
}

    .subpage_title {
        margin:0px 0px 100px 0px;
        font-size:36px;
        color:#000000;
        font-weight:bold;
    }

    .subcontent-section {
        margin-top:250px;
    }    
                                                                                                                                                               
    .footer_logo img, .footer_logo2 img, .smid_logo, .linc_logo {
        width:90%;
    }

    .footer_insta {
        text-align:right;
        padding:0px;
    }

    .individual_photo img {
        width:98%;
    }

.designer_photo img {
    width:90%;
}
    
}


@media screen and (min-width: 1919px) {

.col-xxl-2 {
    width:19.999999999%;
}    
    
    .footer_logo, .footer_logo2 {
        text-align:left;
    }

    
.credit_section {
    padding:0px 0px;
    text-align:left;
}

.credit_section ul {
    font-size:1em;
    list-style:none;
}

.credit_section li {
    float:left;
    text-align:left;
    color:#000000;
    font-weight:400;
    width:11%;
}

.credit_bg {
    padding-bottom: 110px;
}
 
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 20%;
    }
        .subtitle_section {
        max-width:1980px;
    }

    .footer_logo img, .footer_logo2 img {
        width:70%;
    }
    
.designer_title {
    text-align:center;
    font-size:30px;
    font-weight:bold;
    padding:175px 0px;
}
    
.designer-list-detail {
    padding: 200px;
    position: relative;
    justify-content: space-between;
}
    
.designer_photo img {
    width:100%;
}
    
.subtitle {
    padding-top:200px;
}

    .subtitle_section {
        padding-top:130px;
        width:100%;
        background-image: url('../images/bg_subpage.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .team_detail-section {
        margin-top:0px;
    }    

    .subcontent-section2 {
        margin-top:200px;
    }    

    .subcontent-section {
        margin-top:400px;
    }    

    .footer_insta {
        text-align:right;
        padding-right:10px;
    }

    .individual_photo img {
        width:100%;
    }

    .designer-section {
        width:1980px;
        background: #ffffff;
        position: relative;
        padding:100px 0px;
        margin:0 auto;
    }
    

    .designer-section2 {
        background: #ffffff;
        position: relative;
        padding:268px 100px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1920px;
    }

    .container_detail {
        width:1920px;
        margin:0 auto;
    }    
    

    .replay-section {
        width:1024px;
        margin:0 auto;
    }
    
}


@media screen and (max-width: 991px) {
    
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
    }

/* Subtitle Section  */
.subtitle_section {
    padding-top:100px;
    width:100%;
    position: relative;
    margin:0 auto;
    background-image: url('../images/bg_subpage.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

    .footer_logo, .footer {
        text-align:center;
    }

    .footer_logo img {
        width:60%;
    }
    
    .footer_logo2 img {
        width:40%;
    }

    .footer_insta {
        text-align:center;
        margin-bottom:10px;
    }
    
    .smid_logo {
        margin-bottom:10px;
    }
    
    .designer-section {
        position: relative;
        padding:0px;
    }
    
.designer-list-detail {
    padding: 150px 0px;
    position: relative;
    justify-content: space-between;    
}    

    .replay-section {
        width:100%;
        margin:0 auto;
    }    
    .container_detail {
        width:100%;
        margin:0 auto;
    }    

    .top_menu {
        display: none;
    }
    
    
    body {
        font-size: 19px
    }

    header {
        min-height: 90px
    }

.effect-4 .effect-img img {
    width: 200px;
    height: auto;
    transition: all .3s;
}      

    .designer {
        width:400px;
        text-align:center;
        padding:50px 0px 0px 0px;
        width:100%;
    }

    .item {
        padding:0px 0px;
    }

    .designer_profile .gap1 {
        padding:10px 0px;
    }

    .designer_profile .gap2 {
        padding:10px 0px;
    }

    .designer-item {
        text-align:left;
        display: grid;
        grid-template-columns: 100%;
        gap: 0px;
    }
    
    .mobile-menu-open .nav-links li a {
        font-size: 8vw;
    }

    .mobile-menu-open .nav-img {
        transform: none;
        text-align: center;
        padding: 30px 0;
        position: static;
    }

    .mobile-menu-open .nav-img img {
        height: 42vh;
    }

    .mobile-menu-open .nav-links {
        text-align: center;
    }

    .mobile-menu-open .nav-links li {
        border-bottom: none;
    }

    .mobile-menu-open .nav-links li a {
        border-bottom: 1px solid #c5c5c5;
        display: inline-block;

    }

    .section-subtitle br {
        display: none;
    }

 

    /* auction section ends */

    /*creator section starts*/
    .awesome-creators {
        margin-top: 25px;
    }

    .awesome-creators .btn-container {
        justify-content: start;
        margin-top: 50px;
    }

    .creators-top {
        margin-bottom: 50px;
    }

    .creators-grid {
        padding-left: calc((100vw - 690px) / 2);
    }

    /*creator section ends*/


    /*team section starts*/
    .team-section {
        margin-top: 50px;
    }

    .team-member {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        gap: 0;

    }

    .team-member h5 {
        text-align: left;
    }

    .team-member-list {
        margin-top: 0;
    }

    .team-member h5 {
        width: 100%;
    }

    .team-member-content {
        width: 60%;
        padding-right: 20px;
    }

    .team-member-img {
        width: 35%;
    }

    .team-member-img img {
        width: 100%;
    }

    /*email update section ends*/



    /*footer section starts*/
    .footer-bottom .footer-social {
        text-align: center;
        margin: 0;
        margin-top: 35px;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-bottom .brand-logo {
        display: none;
    }

    .footer-bottom .footer-info {
        display: none;

    }

    .footer-bottom .copyright-para {
        margin-top: 15px;
        margin-bottom: 60px;
        text-align: center;
    }

    .footer-cont>div {
        flex-direction: column-reverse;
    }

    .footer-cont {
        padding-top: 70px;
    }

    /*footer section ends*/


}
                                 

@media screen and (max-width: 768px) { // 모바일

.detail_contents {
    padding:0px;
}

    .designer_photo {
        margin-top:0px;
    }

    .designer_photo img {
        width:100%;
    }

    .top_menu {
        display: none;
    }
    
    .replay-section {
        width:100%;
        padding:10px;
    }

    .designer {
        width:300px;
        text-align:center;
        padding:50px 0px 0px 0px;
    }

    .designer_profile .gap1 {
        padding:10px 0px;
    }

    .designer_profile .gap2 {
        padding:10px 0px;
    }

    .designer-item {
        text-align:left;
        display: grid;
        grid-template-columns: 100%;
        gap: 0px;
    }
    
    
    .item {
        padding:0px;
        margin:0px;
        width:300px;
    }

    .designer_profile .gap1 {
        padding:10px 0px;
    }

    .designer_profile .gap2 {
        padding:10px 0px;
    }

.credit_bg {
    padding-bottom: 50px;
}

.epilogue_title {
    width:50%;
}
    
figure {
    margin: 0;
}    

.team_photo h3,
.team_photo h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 0px;
}

.team_photo h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: none;
  font-weight: 500;
}

.team_photo h5 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  font-weight: 300;
}


.individual_photo h3,
.individual h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}

.individual_photo h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: none;
  font-weight: 500;
  font-size:1.1em;
}

.individual_photo h5 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  font-weight: 300;
  font-size:0.8em;
}

.individual h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: none;
  font-weight: 500;
  font-size:1.2em;
}

.individual h5 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  font-weight: 300;
  font-size:1.0em;
}


.box .info h3 {
  font-size: 17px;
  font-weight:700;
  text-align;center;
}

.box .info h4 {
  font-size: 14px;
  font-weight:500;
  text-align;center;
}

.box .info p {
  font-size: 14px;
}


.prof_name {
    font-size:26px;
    font-weight:500;
    padding:0px 0px 10px 0px;
}
    
    
    .designer_profile .gap0 {
    padding-top:0px;
    min-height:70px;
}

.designer_profile .gap1 {
    min-height:0px;
}

.designer_profile .gap2 {
    padding-top:0px;
}

    
.nav-menu-button {
    height: 24px;
    width: 30px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

    
.snapper_items img {
  width: 100%;
  display: block; }
    
.main_bg {
    width:100%;
    min-height:280px;
    position: relative;
    justify-content: space-between;    
}

.credit {
    font-size:30px;
    color:#AFC9F5;
    font-weight:700;
}

.main-1 {
    margin:0 auto;
    width:100%;
    padding: 20px 0px 0px 0px;
    position: relative;
    justify-content: space-between;    
}

.main-4 {
    margin:0 auto;
    width:100%;
    padding: 30px 0px 0px 0px;
    position: relative;
    justify-content: space-between;    
}

.youtube_area {
    position: relative;
    width:100%;
    height:320px;
}

.credit_line {
    width:100%;
    border-bottom:1px solid;
    height:50px;
}
    
    
.designer-list-detail {
    padding: 110px 0px 0px 0px;
    position: relative;
    justify-content: space-between;
}

.designer_tag {
    text-align:center;
    font-size:20px;
    color:#0000-0;
    padding-bottom:30px;
}

.designer_gallery {
    text-align:left;
    font-size:22px;
    color:#0000-0;
    padding-top:0px;
}

    
    .subtitle-section {
        height: 322px;
        position: relative;
    }
    
    .container_detail {
        width:100%;
        margin:0 auto;
    }    
    
    .subtitle-detail-section {
        height: 210px;
        position: relative;
    }

    .subtitle-detail {
        padding-top:50px;
        padding-left:0px;
        padding-right:0px;
        position: relative;
    }    

    .container_detail  {
        width:100%;
        padding0px;
        margin:0px;
    }

    .container_detail img {
        width:100%;
    }

.subtitle-detail p {
    font-size:13px;
    font-weight:400;
}
    
.creator-email {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-weight: 100;
}    
    
    .title1 img {
        width:100%;
    } 

    .title2 img {
        width:100%;
    } 

    .f1 {
        padding:0px;
    }
    .f1 img {
        width:100%;
    }

    .f2 {
        width:100%;
    }

    .footer-title .c1 {
        width:100%;
    }
    
    .footer-title .c2 {
        width:100%;
    }

    .footer-title .c3 {
        width:100%;
    }

    .f3 {
        padding:0px;
        width:100%;
    }



    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-title {
        text-align: left;
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .section-subtitle {
        text-align: left;
        line-height: 25px;
    }

    header {
        min-height: 75px;
    }

    .mobile-menu-open .nav-menu-wrapper {

        padding: 0;
        margin: 0;

    }

    .mobile-menu-open .nav {
        justify-content: center;
    }

    .mobile-menu-open .nav-img img {
        height: 32vh;
    }

    .mobile-menu-open .nav-links {
        margin-top: 100px;
    }

    .mobile-menu-open .nav-links li a {
        border-bottom: 1px solid #7c7e83;
        text-align: center;

    }

    .mobile-menu-open .nav-links li {
        border: none;
    }

    /* Banner Section  */
    .pad-top {
        margin-top: 120px;
    }

    .banner-carousel-wrapper {
        margin-top: 20px;
        position: absolute;
        z-index: 2;
    }

    .banner-content {
        padding-left: 20px;
    }


    .banner-carousel .first-img img {
        border-radius: 29px 29px 29px 90px;
    }

    .banner-carousel .second-img img,
    .banner-carousel div:nth-child(even) img {
        border-radius: 29px 29px 90px 29px;
    }

    .banner-section {
        padding-top: 140px;
        padding-bottom: 60%;
        margin-bottom: 60%;
    }

    .banner-section h1 {
        text-align: center;
        line-height: 55px;
        margin-bottom: 0;
    }

    .banner-section .btn-container {
        flex-direction: column;
    }

    .banner-section p {
        margin-bottom: 30px;
        text-align: center;
        line-height: 32px;
        margin-top: 15px;
    }


    /*creator section starts*/
    .awesome-creators {
        margin: 0;
        position: relative;
    }


    .creators-top {
        margin-bottom: 15px;
    }

    .creators-grid {
        padding-left: 0px;
    }

    .awesome-creators .section-subtitle {
        margin-bottom: 15px;
    }

    .awesome-creator {
        width: 100%;
    }

    .awesome-creators .btn-container {
        flex-direction: column;
        margin-top: 25px;
    }

    .creator-name {
        margin-top: 12px;
        margin-bottom: 0;
        font-size: 1em;
        font-weight: 500;
    }


    /*team section starts*/
    .team-section {
        margin-top: 90px;
    }

    .team-member {
        display: block;
        position: relative;
        max-height: 165px;
        padding-bottom: 35px;
    }

    .team-member-list {
        margin-top: 0;
    }

    .team-member h5 {
        text-align: left;
        font-size: 1.40em;
        margin-bottom: 0;
    }

    .team-member-list li {
        padding-top: 30px
    }

    .team-member-content {
        width: 100%;
        padding-right: 50px;
    }

    .team-member .team-member-content h6 {
        font-size: 1.1em;
        font-weight: 300;
    }

    .team-member .team-member-content p {
        margin: 0;
        -webkit-line-clamp: 3;
    }

    .team-member-img {
        width: 100%;
    }

    .active .creator-img-wrapper img {
        filter: grayscale(0);
    }

    .active+.active .creator-img-wrapper img {
        filter: grayscale(100%);
    }

    .footer-cont {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .footer-links {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 20px;
    }

    .footer-links h5 {
        font-size: 1.4em;
        margin-bottom: 25px;
    }



    .footer-links ul {
        display: none;
    }

    .footer-links ul li {
        margin-bottom: 20px
    }

    .footer-links ul li a {
        font-size: 0.85em;
        color: #7c7e83;
    }

    .footer-cont .content {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-bottom .footer-social {
        text-align: center;
        margin: 0;
        margin-top: 35px;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-bottom .brand-logo {
        display: none;
    }

    .footer-bottom .footer-info {
        display: none;

    }

    .footer-bottom .copyright-para {
        margin-top: 15px;
        margin-bottom: 0;
    }

}


    /* breakpoints example */
    @media (min-width: 30em){
        .breakpointsexample .snapper_item {
          width: 100%;
        }
      .breakpointsexample .snapper_pane {
          scroll-snap-points-x: repeat(50%);
        }
    }
    
    @media (min-width: 50em){

      .breakpointsexample .snapper_item {
          width: 25%;
          padding:0px;
          margin:0px;
        }
        
      .breakpointsexample .snapper_pane {
          scroll-snap-points-x: repeat(34.33333%);
        }
    }