@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
    /* For Old IE 7-8-9 */    
    #un_ie {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;left: 0;right: 0;background-color: #ff4900;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #un_ie p{color: #ffffff;font-size: 22px;padding: 20px;}

}
@media only screen and (min-width:1025px) and (max-width:1660px){

    .main .title_part{padding-top: 90px; font-size: 85px;}
    header{padding-left: 200px; padding-right: 200px; height: 80px;}
    .wrapper{padding-left: 200px; padding-right: 200px;}
    .ans_part .img_section{width: 220px;height: 310px;}
    .bottom_button_part .content{height: 100px;}
    .bottom_button_part .content .btn{margin-left: 260px;}
    .bottom_button_part{padding-left: 25%;}
    .bottom_button_part .content p{font-size: 18px;}
    .ans_part.desktop{text-align: center;margin-bottom: 30px;}
    .ans_part .img_section.active{width: 220px;height: 330px;}
    .ans_part .img_section:nth-child(2){margin-left: -50px;}
    .ans_part .img_section:nth-child(3){margin-left: -40px;}
    .ans_part .img_section:nth-child(4){margin-left: -60px;margin-top: -10px;}
    .ans_part{margin-top: 100px;}

    .bottom_button_part .content{background-size: cover;padding-left: 40px;}
    .bottom_button_part .content .btn{margin-left: 140px;}
    .main .question_list_part{width: 370px;}
    .main .question_list_part:after{width: 68%;}

    .main.cam_main:after{width: 40%;}

    .camera_btn.desktop{bottom: 274px;}


}
@media only screen and (max-width:1600px) and (min-height:2560px) {
    header .inner_wrapper a{top: 0px;}
    .main .title_part{padding-top: 160px;font-size: 115px;}
    .main .question_list_part{width: 620px;font-size: 40px;}
    .main .question_list_part .current{left: 160px;}
    .main .question_list_part span em{width: 50px;height: 50px;font-size: 40px; line-height: 40px;}
    .main .question_list_part:after{left: 240px;width: 50%;}
    .ans_part.desktop{margin-top: 240px;margin-bottom: 110px;padding-left: 0;}
    .ans_part .img_section{width: 270px;height: 400px;}
    .main .footer_part{bottom: -50px;}
    .main .footer_part p{ font-size: 30px;line-height: 70px;padding-left: 20px;}

}
@media only screen and (min-width:1025px) and (max-width:1460px){

    .main .footer_part{padding-top: 25px; padding-bottom: 25px;}
    .camera_btn.desktop{bottom: 274px;}

}
@media only screen and (min-width:1025px) and (max-width:1440px)
{
    .main{height: 780px;}
    .main:after{height: 880px;}

    .ans_part{padding-left: 0;margin-top: 80px;margin-bottom: 50px;}
    .main.cam_main:after{width: 43%;}



}
@media only screen and (min-width:1025px) and (max-width:1366px) /* container size */
{
    .main .title_part{padding-top:80px;}

    header,.wrapper{padding-left: 80px; padding-right: 80px;}
    .ans_part .img_section{ width: 180px;height: 260px;}
    .ans_part.desktop{margin-bottom: 0;}
    .main .footer_part{bottom: -85px;}
    .ans_part .img_section.active{width: 180px;height: 270px;}
    .cam_dragon{padding-top: 40px;}
    .cam_dragon p{font-size: 16px;margin-top: 10px;margin-bottom: 10px;}

    .main.cam_main:after{width: 38%;}
    .main .question_list_part{margin-top: 10px;}
    .ans_part{margin-top: 50px;}
    .ans_part.desktop{height: 280px !important;}

    .flip-card-back p{top: 50px; font-size: 18px;}
    .camera_btn.desktop{bottom: 253px;}
    /*.main{height: 628px;}*/    
    .cam_part .image_section{height: calc(100vh - 40px);}


}
@media only screen and (max-width:1280px){
    .ans_part .img_section.active,.ans_part .img_section {width: 200px;height: 290px;}
    .ans_part.desktop {margin-bottom: 10px;margin-top: 50px;}
    .ans_part{padding-left: 0;}
    .main{height: 790px;}
    .bottom_button_part .content{height: 90px;}
    .bottom_button_part .content p{font-size: 16px;}
    .bottom_button_part .content{padding-left: 20px;}
    .cam_dragon{padding-top: 90px;}

    .video_section{width: 800px;}    
    .successfully{margin-top: 100px;}
    .form_system.createDrag{margin: 50px auto 0;}



}
@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{
    header,.wrapper{padding-left: 50px; padding-right: 50px;}
    .main .title_part{padding-top: 100px; font-size: 65px;}
    .grid_system{overflow: auto;}
    .grid_system .body_section,.grid_system .header{width: 1024px;}
    .grid_system .body_section{max-height: none}
    .ans_part .img_section{width: 180px; height: 280px;}
    .bottom_button_part{padding-left: 150px;}
    .bottom_button_part .content{height: 105px;}
    .ans_part.desktop{text-align: center;}
    .bottom_button_part .content{height: 70px;background-size: cover;}
    .bottom_button_part .content p{font-size: 14px;}
    .bottom_button_part .content .btn{margin-left: 100px;line-height: 40px;padding-left: 20px;padding-right: 20px;}
    .main .footer_part{bottom: -90px;}

    .dragon_img_part{margin: 80px auto 0;}
    .main.cam_main:after{width: 37%;}

    .cursor{display: none;}
    html{cursor: auto;}

}

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

}

@media only screen and (max-width: 959px)
{
    .main .title_part{font-size: 55px;}
    .bottom_button_part{padding-left: 0; margin-top: 60px;}
    .ans_part{padding-left: 60px;}
    .main .question_list_part{width: 300px;}
    .main .question_list_part:after{width: 200px;}

    .bottom_button_part .content{height: 60px;padding-left: 5px;}
    .bottom_button_part .content p{font-size: 13px;}
    .main:after{height: calc(100vh);}
    .main{height: 95vh;}
    .main .footer_part{ text-align: right;padding-right: 20%;}
    .video_section{width: 90%;margin: 0 auto;}

    .successfully{margin-top: 150px;}
    .main .footer_part{bottom: -50px;}



}

/*ipad mini*/
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    header .inner_wrapper a{top: 10px;}
    .main .title_part{padding-top: 90px;}
    .ans_part{padding-left: 0;}
    .ans_part.desktop{margin-bottom: 40px;margin-top: 140px;}
    .main .footer_part {bottom: 30px;}
    .bottom_button_part .content .btn{margin-left: 100px;line-height: 40px;padding-left: 20px;padding-right: 20px;height: 40px;line-height: 40px;margin-top: 0;}
    .bottom_button_part .content p{margin-top: 0;height: 40px;line-height: 40px;}
    .mob_slider{display: block;height: 440px;}
    .desktop{display: none !important;}
    .mob_slider{height: 430px;margin-top: 0;}

    body .bee3D--slide{ width: 210px;margin-left: -100px;height: 310px;}
    body .bee3D--slide{margin-top: -150px;}
    .ans_part .img_section.active{top: 0px;}
    .ans_part .bee3D--slide__active .img_section .flip-card .flip-card-inner{transform: rotateY(180deg) !important;-webkit-transform: rotateY(180deg) !important;-o-transform: rotateY(180deg) !important;-moz-transform: rotateY(180deg) !important;}
    .ans_part .img_section.active .flip-card .flip-card-inner{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}
    .dots.d_slider{display: block; text-align: center; margin-top: 10px; position: relative; z-index: 9999;}
    .dots.d_slider span{display: inline-block; vertical-align: top; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #000; transition: 0.5s ease all; margin:0 5px ;}
    .dots.d_slider span.active{background: #000;}

    .bee3D--parent{position: relative; z-index: 999;}
    .video_anim .bee3D--parent{pointer-events: none}
    .ans_part .img_section{ width: 190px;height: 290px;}
    body .bee3D--effect__arc .bee3D--before-1{transform: translateX(-280px) translateY(12px) rotateZ(-6deg) scale(1);-webkit-transform: translateX(-280px) translateY(12px) rotateZ(-6deg) scale(1);-o-transform: translateX(-280px) translateY(12px) rotateZ(-6deg) scale(1);-moz-transform: translateX(-280px) translateY(12px) rotateZ(-6deg) scale(1);opacity: 1;}
    body  .bee3D--effect__arc .bee3D--after-1{transform: translateX(280px) translateY(6px) rotateZ(6deg) scale(1);-webkit-transform: translateX(280px) translateY(6px) rotateZ(6deg) scale(1);-o-transform: translateX(280px) translateY(6px) rotateZ(6deg) scale(1);-moz-transform: translateX(280px) translateY(6px) rotateZ(6deg) scale(1);opacity: 1;}
    .main .footer_part{text-align: right;}
    .bottom_button_part .content p{display: none;}
    .bottom_button_part .content{background-image: none;}
    .bottom_button_part .content .btn{margin: 0 auto;}

    html{cursor: auto;}
    body{cursor: auto;}
    .ans_part .img_section:first-child,.ans_part .img_section{transform: rotate(0deg);}
    .ans_part .img_section {width: 210px;height: 340px;}
    .main:after{background-image: url(../images/site/mobile_header_bg.png);width: 100%;height: 300px;background-size: 100% 100%;background-repeat: no-repeat;background-position: bottom;}
    .ans_part .img_section{ background-image: url(../images/site/dropshadow_image.png);background-repeat: no-repeat;background-position: bottom center;background-size: contain;}
    .bottom_button_part{margin-top: 30px;}
    .main .footer_part {position: relative;background-image: url(../images/site/footer_bg_mobile.png);background-color: transparent;padding: 0;height: 135px;background-size: 100% 100%;padding-right: 0;text-align: center;padding-top: 80px;}
    .mob_title {
        margin-top: 120px;    
        display: block;
    }.mob_title h2 {
        text-align: center;
        color: #1D242E;
        font-size: 26px;
        font-weight: bold;
    }
    .ans_part .flip-card-inner{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-o-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;-moz-transition: transform 0.6s}
    .ans_part .img_section.active{margin-top: 0;}
    .ans_part .img_section.active, .ans_part .img_section{ width: 210px;height: 340px;}
    .ans_part .flip-card{-webkit-perspective: 1000px;}
    .ans_part .flip-card-back{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}

    .cam_dragon{padding-left: 0;padding-top: 140px;padding-bottom: 30%;}
    .main.cam_main:after{width: 100%;height: 240px;}
    .main.video_anim:after{width: 100%;}

    .bottom_button_part{position: relative;z-index: 99999;}


}

/* ipad pro */
@media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2) 
    and (orientation: portrait){

        header .inner_wrapper a{top: 10px;}
        .main .title_part{padding-top: 90px;}
        .ans_part{padding-left: 0;}
        .ans_part.desktop{margin-bottom: 40px;margin-top: 140px;}
        .main .footer_part {bottom: 30px;}
        .bottom_button_part .content .btn{margin-left: 100px;line-height: 40px;padding-left: 20px;padding-right: 20px;height: 40px;line-height: 40px;margin-top: 0;}
        .bottom_button_part .content p{margin-top: 0;height: 40px;line-height: 40px;}
        .mob_slider{display: block;height: 440px;}
        .desktop{display: none !important;}
        .mob_slider{height: 430px;margin-top: 0;}

        body .bee3D--slide{ width: 210px;margin-left: -100px;height: 310px;}
        body .bee3D--slide{margin-top: -150px;}
        .ans_part .img_section.active{top: 0px;}
        .ans_part .bee3D--slide__active .img_section .flip-card .flip-card-inner{transform: rotateY(180deg) !important;-webkit-transform: rotateY(180deg) !important;-o-transform: rotateY(180deg) !important;-moz-transform: rotateY(180deg) !important;}
        .ans_part .img_section.active .flip-card .flip-card-inner{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}
        .dots.d_slider{display: block; text-align: center; margin-top: 10px; position: relative; z-index: 9999;}
        .dots.d_slider span{display: inline-block; vertical-align: top; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #000; transition: 0.5s ease all; margin:0 5px ;}
        .dots.d_slider span.active{background: #000;}

        .bee3D--parent{position: relative; z-index: 999;}
        .video_anim .bee3D--parent{pointer-events: none}
        .ans_part .img_section{ width: 190px;height: 290px;}
        body .bee3D--effect__arc .bee3D--before-1{transform: translateX(-360px) translateY(12px) rotateZ(-6deg) scale(1);-webkit-transform: translateX(-360px) translateY(12px) rotateZ(-6deg) scale(1);-o-transform: translateX(-360px) translateY(12px) rotateZ(-6deg) scale(1);-moz-transform: translateX(-360px) translateY(12px) rotateZ(-6deg) scale(1);opacity: 1;}
        body  .bee3D--effect__arc .bee3D--after-1{transform: translateX(360px) translateY(6px) rotateZ(6deg) scale(1);-webkit-transform: translateX(360px) translateY(6px) rotateZ(6deg) scale(1);-o-transform: translateX(360px) translateY(6px) rotateZ(6deg) scale(1);-moz-transform: translateX(360px) translateY(6px) rotateZ(6deg) scale(1);opacity: 1;}
        .main .footer_part{text-align: right;}
        .bottom_button_part .content p{display: none;}
        .bottom_button_part .content{background-image: none;}
        .bottom_button_part .content .btn{margin: 0 auto;}  

        html{cursor: auto;}
        body{cursor: auto;}
        .ans_part .img_section:first-child,.ans_part .img_section{transform: rotate(0deg);}
        .ans_part .img_section {width: 210px;height: 340px;}
        .main:after{background-image: url(../images/site/mobile_header_bg.png);width: 100%;height: 300px;background-size: 100% 100%;background-repeat: no-repeat;background-position: bottom;}
        .ans_part .img_section{ background-image: url(../images/site/dropshadow_image.png);background-repeat: no-repeat;background-position: bottom center;background-size: contain;}
        .bottom_button_part{margin-top: 30px;}
        .main .footer_part {position: relative;background-image: url(../images/site/footer_bg_mobile.png);background-color: transparent;padding: 0;height: 135px;background-size: 100% 100%;padding-right: 0;text-align: center;padding-top: 80px;}
        .mob_title {
            margin-top: 120px;    
            display: block;
        }.mob_title h2 {
            text-align: center;
            color: #1D242E;
            font-size: 26px;
            font-weight: bold;
        }
        .ans_part .flip-card-inner{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-o-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;-moz-transition: transform 0.6s}
        .ans_part .img_section.active{margin-top: 0;}
        .ans_part .img_section.active, .ans_part .img_section{ width: 210px;height: 340px;}
        .ans_part .flip-card{-webkit-perspective: 1000px;}
        .ans_part .flip-card-back{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}

        .cam_dragon{padding-left: 0;padding-top: 140px;padding-bottom: 30%;}
        .main.cam_main:after{width: 100%;height: 240px;}
        .main.video_anim:after{width: 100%;}
        .bottom_button_part{padding-left: 0;}

        /* extra */
        .main .title_part{padding-top: 120px;}
        .main .question_list_part{margin-top: 50px;}
        .main:after{height: 420px;}
        .mob_title{margin-top: 200px;}
        .mob_title h2{font-size: 33px;}
        .main{height: 100vh;}
        .main .footer_part{height: 160px;margin-top: 50px;padding-top: 90px;}
        .main .footer_part p{font-size: 22px;}
        .bottom_button_part{margin-bottom: 70px;margin-bottom: 50px;}
        .bottom_button_part .content{padding-left: 0;}
        .bottom_button_part .content .btn{font-size: 26px;height: 50px;line-height: 50px;padding-left: 30px;padding-right: 30px;}
        body .bee3D--slide{    height: 360px;width: 250px;}
        .ans_part .img_section.active, .ans_part .img_section{ width: 250px;height: 400px;}
        .mob_slider{height: 550px;}

        /*.ans_part .flip-card-front, .flip-card-back{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
}*/
        /*.ans_part .flip-card{perspective:none;-webkit-perspective: none;}*/



}

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

    html{cursor: auto;}
    body{cursor: auto;}
    header {background-image: url('../images/site/header_bg.png'); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; background-color: #ff4900;}
    header.no_sticky {position: absolute;}
    header, .wrapper{padding-left: 35px; padding-right: 35px;}
    header nav{top: 28px;}
    .main .title_part{font-size: 50px; padding-top: 80px;}
    .main{background-image: url(../images/site/mobile_bg.png)}
    header .inner_wrapper{height: 80px;}
    .form_system{width: 100%; margin: 110px auto 0;}
    .main:after{background-image: url(../images/site/mobile_header_bg.png); width: 100%; height: 230px; background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom}
    .main .title_part {font-weight: 600; font-family: ff-good-headline-condensed-p;}
    /*.main .title_part span{-webkit-text-stroke: 2px #fff;}*/
    .form_system{padding: 0;background: none;}
    .main .footer_part{position: relative; background-image: url(../images/site/footer_bg_mobile.png); background-color: transparent; padding: 0; height: 120px; background-size: cover}
    .main .footer_part p{position: absolute; left: 0; right: 0; bottom: 24px; font-size: 14px; color: #212529;}
    .form_system h3{font-size: 20px;letter-spacing: 0.1em;text-align: center;color: #1d242e; font-family: ff-good-headline-condensed-p; margin-bottom: 18px;  font-weight: 700;}
    .form_system p{width: 302px;height: 34px;font-family: 'Roboto', sans-serif; font-weight: normal;font-size: 18px;text-align: center;color: #1d242e;}
    .form_system input:not([type="submit"]){border-color: rgba(29, 36, 46, 0.10196078431372549); border-width: 2px; height: 50px; font-weight: 800; margin-bottom: 20px; background: #fff; transition: 0.5s ease all;}
    .form_system button{margin-top: 100px;}
    .form_system input:not([type="submit"]):focus{border-color: #FF4900}

    .form_system input::-webkit-input-placeholder{ color: rgba(29, 36, 46,0.5);}
    .form_system input:-moz-placeholder{ color: rgba(29, 36, 46,0.5);}
    .form_system input::-moz-placeholder{ color: rgba(29, 36, 46,0.5);}
    .form_system input:-ms-input-placeholder{ color: rgba(29, 36, 46,0.5);}
    .form_system input::-ms-input-placeholder{ color: rgba(29, 36, 46,0.5);}
    .form_system input:placeholder-shown{ color: rgba(29, 36, 46,0.5);}
    .main{height: auto;}

    header .hemBtn{margin-right: -10px;}
    .form_system.createDrag{background: none;}
    .main.createdDragon_bg{background-image: url(../images/site/createBanner.png); background-repeat: no-repeat; background-position: center; background-size: cover}
    .main.createdDragon_bg .form_system input:not([type="submit"]){background: none; border: 1px solid #fff; }
    .form_system.createDrag label:first-child {font-family: ff-good-headline-condensed-p; font-size: 20px; letter-spacing: 0.1em}
    .form_system.createDrag label:first-child span{display: inline; font-size:inherit; color: #ff4900; font-family: ff-good-headline-condensed-p;}
    .main.createdDragon_bg .form_system select{height: 50px; background-position: right -2px center; margin-bottom: 25px;}

    .ans_part .img_section:first-child{transform: rotate(0)}
    .ans_part .img_section{ padding-bottom: 20px; background-image: url(../images/site/dropshadow_image.png); background-repeat: no-repeat; background-position: bottom center; height: 310px !important; width: 200px !important; background-size: contain;}
    .ans_part{padding-left: 0; padding-right: 0;}
    .ans_part .img_section{width: 266px; display: block; margin: 0 auto}

    .owl-carousel.ans_part{width: calc(100% + 70px); margin-left: -35px;}
    .ans_part .img_section img{box-shadow: none}
    .owl-item.active .img_section .flip-card .flip-card-inner {transform: rotateY(180deg);}
    .owl-item.active + .active .img_section .flip-card .flip-card-inner {transform: rotateY(0deg);}
    .ans_part{margin-top: 10px;}
    .main .question_list_part{width: 100%; max-width: 400px;}
    .main .question_list_part:after{width: calc(100% - 120px);}
    .bottom_button_part{display: none;}
    .owl-dots {text-align: center; margin-top: 10px;}
    .owl-dots .owl-dot{display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #000 !important; margin:0 9px;}
    .owl-dots .owl-dot.active{background: #000; text-align: center;}
    .main.main_bg{background-image: url(../images/site/main_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover}

    .main.semi_lift:after{left: 0;}
    .mobile_part{display: block;}
    .main.final{background-position: center; background-size: cover}
    .content_section p {font-size: 20px; color: #000; text-transform: uppercase; font-family: ff-good-headline-condensed-p; text-align: center;}
    .content_section{margin-top: 80px; margin-bottom: 20px;}

    a{-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10+ and Edge */user-select: none; /* Standard syntax */-webkit-tap-highlight-color: transparent; }
    .filter_section{flex-direction: column-reverse}
    .filter_section .btn{margin: 0;}
    .filter_section label:last-child{color: #fff;}
    .filter_section label:last-child{margin-bottom: 30px;}
    .filter_section label{width: 100%;}
    .filter_section .btn{ color: #fff;}
    .filter_section .btn:before{background: #FF4900;}
    .filter_section .btn .ripple{background: #fff; opacity: 0.4}

    .cam_dragon{padding-top: 100px;}
    .cam_part{padding-top: 0; display: block;}
    .cam_part .image_section{height: auto; z-index: 99; background: none;}
    .cam_part .image_section>img{clip-path: polygon(0 0%, 100% 0, 100% 94%, 0% 100%); width: 100%; height: auto;}
    .cam_part .image_section .camera_btn{opacity: 1; visibility: visible;}
    .cam_part .bottom_part{width: auto; background-size: cover; margin-top: -38px; margin-bottom: -80px;}
    .cam_part .bottom_part{clip-path: polygon(0 12%, 100% 0, 100% 81%, 0% 96%); padding-top: 45px; height: 310px;}
    .main.no_bg_section{background: #f6f6f5;}
    .main.no_bg_section:after{display: none;}
    header.no_header_bg{background-color: transparent;}


    .selected_image .business-card{display: none;}
    .main .selected_image{height: 50vh;}
    .selected_image .img_1_mob{display: block;}

    nav{width: 300px;}
    #full_wrapper.active_nav{transform: translateX(-300px);}
    nav ul{padding-left: 10px;}
    nav .nav_close img{width: 20px;}
    .successfully{padding-top: 20px;padding-bottom: 150px; background: none; box-shadow: none}

    .home_page .bottom_button_part{display: block; padding-left: 0;}
    .home_page .bottom_button_part .content {background: none; transform: none; padding-left: 0; height: 80px;}
    .home_page .bottom_button_part .content p{display: none;}
    .bottom_button_part .content .btn{margin: 0 auto; display: block;}

    .dragon_img_part{position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; z-index: -1; margin: 0;}
    .mob_height{height: calc(100vh - 250px);}

    .video_section{width: 95%;}
    .video_section video{width: 100%; min-width: inherit; min-height: inherit; height: auto;}
    .main.video_bg:after{width: 100%; opacity: 1;}

    .mob_slider{display: block; height: 340px;}
    .desktop{display: none !important;}
    body .bee3D--slide{width: 300px; margin-left: -150px;}
    body .bee3D--slide{margin-top: -150px;}
    .ans_part .bee3D--slide__active .img_section .flip-card .flip-card-inner{transform: rotateY(180deg) !important}
    .ans_part .img_section.active .flip-card .flip-card-inner{transform: rotateY(0deg)}
    .dots.d_slider{display: block; text-align: center; margin-top: 10px; position: relative; z-index: 9999;}
    .dots.d_slider span{display: inline-block; vertical-align: top; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #000; transition: 0.5s ease all; margin:0 5px ;}
    .dots.d_slider span.active{background: #000;}

    .bee3D--parent{position: relative; z-index: 999;}
    .video_anim .bee3D--parent{pointer-events: none}
    .home_page>.wrapper{transition: 0.5s ease all;}
    .home_page.video_anim>.wrapper{opacity: 0;}
    .main.video_anim:after{width: 100%; opacity: 0; visibility: hidden;}
    .video_section_animation canvas{position: absolute; width: 100vh; height: 100vh; left: 50vh; top: 0; transform: translate(-68%);}
    header.no_bg_color{background-color: transparent;}
    .video_section_animation video{display: block !important; opacity: 0;}
    .main .title_part{padding-top: 60px;}
    header .inner_wrapper{height: 50px;}
    header .inner_wrapper a{top: 0px;}
    .main .question_list_part{margin-top: 10px;}

    body .bee3D--effect__arc .bee3D--before-1{transform: translateX(-230px) translateY(12px) rotateZ(-6deg) scale(1);-webkit-transform: translateX(-230px) translateY(12px) rotateZ(-6deg) scale(1);-o-transform: translateX(-230px) translateY(12px) rotateZ(-6deg) scale(1);-moz-transform: translateX(-230px) translateY(12px) rotateZ(-6deg) scale(1);opacity: 1;}
    body  .bee3D--effect__arc .bee3D--after-1{transform: translateX(230px) translateY(6px) rotateZ(6deg) scale(1);-webkit-transform: translateX(230px) translateY(6px) rotateZ(6deg) scale(1);-o-transform: translateX(230px) translateY(6px) rotateZ(6deg) scale(1);-moz-transform: translateX(230px) translateY(6px) rotateZ(6deg) scale(1);opacity: 1;}
    .main .footer_part{text-align: center;}

    .mob_title{display: block;margin-top: 65px;}
    .mob_title h2{text-align: center;color: #1D242E;font-size: 18px;font-weight: bold;}
    #full_wrapper:after{z-index: 9999999;}
    #full_wrapper:before{z-index: 999999;}


    .cam_dragon{padding-top: 130px;}
    .ans_part .img_section.active{margin-top: 0px;}
    .cam_part .image_section .camera_btn{bottom: -15px;}
    .cam_part .bottom_part{ margin-top: -58px;margin-bottom: -145px;padding-top: 92px;height: 400px;}
    .cam_part .image_section{overflow: unset;}
    .cam_part .bottom_part h4{margin-bottom: 0;}
    .cam_part .bottom_part h3{letter-spacing: 2px;margin-bottom: 15px;}
    .cam_part .bottom_part .btn{ letter-spacing: 1px;font-weight: 600;}
    .dragon_img_part{background-position: 65% center;}
    .overlay_white{z-index: 99999;}
    .video_section{z-index: 999999;}

    .form_system{margin-top: 130px;}
    .form_system h3{font-size: 24px;}
    .form_system p{width: 100%;height: auto;font-size: 17px;}
    .form_system button{margin-top: 50px;font-weight: 600;}
    .form_system h3{font-size: 22px;}
    .form_system p{font-size: 18px;font-weight: 600;margin-bottom: 30px;}

    .content_section p{font-weight: 600;}
    .content_section{margin-top: 100px;}
    .filter_section .btn{margin-top: 60px;line-height: 40px;width: 130px;}
    .main .title_part{font-size: 38px;padding-top: 44px;}  
    .form_system.createDrag .select_show span{padding-right: 30px;text-align: center;}
    .form_system.createDrag .select_show{margin-bottom: 60px;}
    .form_system.createDrag{margin: 100px auto 0;}

    .main.cam_main:after{width: 100%;}
    .cam_dragon{padding-left: 0;}

    .main:after{height: 170px;}
    .cam_dragon{padding-top: 70px;}
    h3{font-size: 15px;}
    .cam_dragon p{font-size: 14px;margin-bottom: 15px;line-height: 18px;margin-top: 10px;}
    .cam_dragon .question_part h4{height: 200px;}
    .cam_dragon .question_part h5{font-size: 36px;}
    .cam_dragon .btn{line-height: 40px;}
    .main.home_page:after{height: 175px;}
    .bottom_button_part{margin-top: 10px;}
    header .inner_wrapper a img{max-width: 100%;}
    header .inner_wrapper a{max-width: 130px;}
    .main .question_list_part{font-size: 16px;}    

    .cam_main .cam_dragon{padding-top: 110px;}
    h3{font-size: 18px;}
    .cam_main .cam_dragon p{ font-size: 17px;margin-bottom: 25px;line-height: 25px;margin-top: 20px;}
    .form_system{margin-top: 100px;margin-bottom: 15px;}
    .form_system p{margin-bottom: 20px;font-size: 14px;}

    #jeeFaceFilterCanvas{position: relative !important;}


    .ans_part .flip-card-front img{height: 350px;}


}

@media only screen and (max-width:411px){
    .ans_part .img_section{box-sizing: border-box; padding: 2em; height: 310px !important; width: 200px !important; background-size: contain; padding: 10px;}
    body .rotating-slider ul.slides li{box-sizing: content-box; background-color: transparent;}
    .form_system p{font-size: 16px;}
    header, .wrapper{padding-left: 25px;padding-right: 25px;}
    .form_system input:not([type="submit"]){font-size: 14px;}
    .form_system h3{font-size: 19px;}

    .successfully p{font-size: 16px;}
    .ans_part .img_section{height: 280px !important;}
    .mob_slider{height: 295px;}
    .home_page .bottom_button_part .content{height: auto;}
    h3{font-size: 16px;}
    header .hemBtn span:before{top: 8px;}
    header .hemBtn span:after{top: -8px;}
    header .hemBtn{ width: 40px;height: 30px;}

    .ans_part .flip-card-front img{height: 340px;}

}
@media only screen and (orientation: landscape) and (max-width:767px)
{

}

@media (max-height: 500px)
{

}
@media (max-width:390px){
    .ans_part .flip-card-front img {
        height: 250px;
    }
}
@media (max-width:321px)
{    
    .main .question_list_part{margin-top: 5px;}
    .main.home_page:after{height: 158px;}
    .mob_title{margin-top: 50px;}
    .dots.d_slider{margin-top: 0;}
    .bottom_button_part{margin-top: 5px;}
    .bottom_button_part .content .btn{line-height: 35px;padding-left: 15px;padding-right: 15px;font-size: 14px;}
    .ans_part .img_section{width: 170px !important;height: 250px !important;}
    body .bee3D--slide{width: 200px;}
    body .bee3D--slide{margin-left: -90px;}
    body .bee3D--effect__arc .bee3D--after-1{transform: translateX(190px) translateY(6px) rotateZ(6deg) scale(1);-webkit-transform: translateX(190px) translateY(6px) rotateZ(6deg) scale(1);-o-transform: translateX(190px) translateY(6px) rotateZ(6deg) scale(1);-moz-transform: translateX(190px) translateY(6px) rotateZ(6deg) scale(1);}
    body .bee3D--effect__arc .bee3D--before-1{transform: translateX(-190px) translateY(12px) rotateZ(-6deg) scale(1);-webkit-transform: translateX(-190px) translateY(12px) rotateZ(-6deg) scale(1);-o-transform: translateX(-190px) translateY(12px) rotateZ(-6deg) scale(1);-moz-transform: translateX(-190px) translateY(12px) rotateZ(-6deg) scale(1);}
    .mob_slider{height: 270px;}
    .ans_part{margin-top: 20px;}
    .cam_main .cam_dragon{padding-top: 90px;}
    .cam_main .cam_dragon p{ font-size: 14px;margin-bottom: 15px;line-height: 19px;margin-top: 10px;}

}