@media (max-width:576px) {

    header .brand .left .logo img {
        width: 150px;
    }

    .sec-video {
        padding: 20px;
    }

    .sec-web form .form-part-1 .label,
    .sec-web form .form-part-2 .label {
        width: 100%;
    }

    .sec-web .sec-web-text {
        width: 100%;
    }

    .sec-web form {
        width: 100%;
    }

    .sec-web .round-tip {
        width: 100px;
        height: 100px;
        line-height: 90px;
        font-size: 20px;
    }

    .sec-web .round-tip.tip-1 {
        top: 10px;
        right: 0;
    }

    .sec-web form .caption {
        font-size: 24px;
    }

    .sec-web form .phone-sec .phone-number {
        font-size: 16px;
    }

    .sec-web form .phone-sec .phone-number span {
        font-size: 30px;
        line-height: 30px;
    }

    .sec-web .cards-caption {
        margin-top: 60px;
    }

    .sec-web .cards-caption .subtitle {
        font-size: 17px;
    }

    .sec-web .cards-caption #girl-smile {
        height: 130px;
        right: 10px;
        top: -85px;
    }

    .sec-web .round-tip.tip-2 {
        top: 10px;
        left: 10px;
        line-height: 22px;
        padding-top: 15px;
    }

    .sec-web .round-tip.tip-3 {
        top: -70;
        left: 10px;
        line-height: 22px;
        padding-top: 15px;
    }

    .sec-web .cards-caption .desc {
        margin-left: 120px;
    }

    .sec-web .buttons .round-button {
        width: 120px;
        height: 120px;
        font-size: 21px;
        padding-top: 28px;
    }

    .sec-web .buttons .rect-button {
        padding: 5px 20px;
        font-size: 18px;
    }

    .sec-web .buttons span {
        font-size: 18px;
    }

    .footer {
        margin-bottom: 0;
    }

    #floating-area {
        display: none;
    }

    .footer .footer-menu .container {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }



    .banner-area h3 {
        font-size: 11px;
        line-height: 16px;
    }

    h2.toptext {
        font-size: 18px;
        line-height: 30px;
    }

    .bigbox-area h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .bigbox-area h3.big {
        font-size: 25px;
    }

    .bigbox-area h4 {
        font-size: 10px;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .bigbox-area p {
        font-size: 14px;
        line-height: 25px;
    }

    .bigbox-area:after {
        transform: skew(0deg, -2deg) translate(0px, -13px);
    }

    a#scroll-top {
        right: 10px;
    }

    .bigbox-area h3 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 0px;
    }

    .midbox-area h3 {
        font-size: 21px;
        line-height: 38px;
    }

    .midbox-area p {
        font-size: 11px;
        line-height: 20px;
    }

    .sec-video {
        margin-bottom: 0px;
    }

    .sec-video .videos .video .subtitle {
        margin-bottom: 0px;
    }

    .autoun {
        width: 100%;
        margin: 40px 0px;
    }

    .autoun a {
        font-size: 11px;
    }

    .autoun p {
        font-size: 11px;
        margin-bottom: 0px;
    }

    .bg-text {
        padding: 10px;
    }

    .bg-text h3 {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .bg-text img {
        max-width: 80px;
    }

    .bg-text .left {
        width: calc(100% - 80px);
    }

    .double-logo {
        width: 100%;
    }

    .double-logo img {
        max-width: 160px;
    }

    .big-logo {
        width: 100%;
        margin: -20px 0px 0px;
    }

    .sec-web {
        margin-top: -25px;
    }

    .box {
        height: 100px;
    }

    .left {
        width: 20%;
    }

    a#scroll-top {
        bottom: 220px;
    }

    .modal {
        width: 95%;
        height: 85%;
        margin: auto;
        border-radius: 10px;
    }

    .modal-content {
        padding: 15px;
    }

    .modal-content h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .modal-content h3 {
        font-size: 12px;
        line-height: 25px;
    }

    .modal-content h2 span {
        font-size: 12px;
    }

    img.popimg {
        /* display: none; */
        max-width: 140px;
        top: -50px;
        right: 30px;
    }

    .boxinner {
        grid-template-columns: repeat(1, 1fr);
    }

    .banner-text {
        flex-direction: column;
    }

    .banner-text h3 {
        width: 100%;
    }

    .banner-text h3.black {
        order: 2;
    }

    .banner-text {
        position: absolute;
        height: auto !important;
        bottom: 10px;
    }

    .banner-area {
        position: relative;
    }

    .banner-area h3 {
        font-size: 8px;
    }


    .boxinner.two {
        margin-right: 0px;
    }

    .boximg {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .midbox-area:after {
        /* top: 18%;
        height: 82%; */
        top: 0%;
        height: 100%;
    }

    .footer .content {
        margin-top: 20px;
    }


}

@media (min-width: 500px) {
    .sec-web form .form-part-3 .mitsumori-button-container {
        padding: 0 80px;
    }
}

@media (min-width: 450px) and (max-width: 576px) {
    .atoun-logo {
        padding: 0;
    }
    
    .autoun p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .autoun a {
        font-size: 16px;
    }

    .atoun-text {
        padding: 45px 0 20px 0;
    }
    
    
}

@media (min-width: 577px) and (max-width: 767px) {
    .box {
        height: 150px;
    }

    .boxinner {
        grid-template-columns: repeat(1, 1fr);
    }

    .banner-area {
        height: 70vh;
    }

    .banner-area h3 {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 0px;
    }


    img.popimg {
        top: -10px;
        max-width: 150px;
        right: 60px;
    }

    .modal-content {
        padding: 20px;
    }

    .modal {
        width: 95%;
        height: 85%;
        margin: auto;
        border-radius: 10px;
    }


    .modal-content h3 {
        font-size: 16px;
        line-height: 28px;
    }

    a.close-modal {
        z-index: 9999;
    }

    .bigbox-area h3 {
        font-size: 40px;
        line-height: 55px;
    }

    .bigbox-area p {
        font-size: 22px;
    }

    .bigbox-area h4 {
        padding-bottom: 10px;
    }

    .bigbox-area h3 {
        padding-bottom: 0px;
    }

    .midbox-area h3 {}

    .midbox-area h3 {
        font-size: 35px;
    }

    #scroll-top {
        right: 20px;
        bottom: 250px;
    }

    body {
        overflow-x: hidden;
    }

    .sec-video .videos .video .subtitle {
        margin-bottom: 0px;
    }


    .autoun {
        /* width: 100%; */
        margin: 40px auto;
    }

    .autoun a {
        font-size: 20px;
    }

    .autoun p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .bg-text {
        padding: 10px;
    }

    .bg-text h3 {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .bg-text img {
        max-width: 80px;
    }

    .bg-text .left {
        width: calc(100% - 80px);
    }

    .double-logo {
        width: 100%;
    }

    .double-logo img {
        max-width: 160px;
    }

    .big-logo {
        width: 100%;
        margin: -20px 0px 0px;
    }

    .sec-web {
        margin-top: -25px;
    }

    .left {
        width: 20%;
    }


    .bigbox-area:after {
        top: 90%;
    }

    .banner-text {
        flex-direction: column;
    }

    .banner-text h3 {
        width: 100%;
    }

    .banner-text h3.black {
        order: 2;
    }

    .banner-text {
        position: absolute;
        height: auto !important;
        bottom: 10px;
    }

    .banner-area {
        position: relative;
    }

    .banner-area h3 {
        font-size: 9px;
    }

    .boxinner.two {
        margin-right: 0px;
    }

    .boximg {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .midbox-area:after {
        /* top: 26%;
        height: 74%; */
        top: 5%;
        height: 95%;
    }

    .poster-notice-container {
        width: 60%;
        padding-left: 5px;
    }

    .poster-notice-box {
        margin-top: 20px;
        border: 1px solid #1EBDC6;
        border-radius: 0.3em;
        width: 100%;
        height: auto;
        padding: 15px;
        background-color: #0c3190;
        position: relative;
        
    }
    
    .poster-notice-box h2 {
        font-weight: 800;
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .poster-notice-box img{
        position: absolute;
        top: 30px;
        right: -70px;
        max-width: 100px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .boxinner {
        grid-template-columns: repeat(1, 1fr);
    }

    /* .banner-area {
        height: calc(90vh - 100px);
    } */

    .box {
        height: 250px;
    }

    .bigbox-area h3 {
        font-size: 48px;
        line-height: 60px;
    }

    .sec-video .videos .video .subtitle {
        margin-bottom: 0px;
    }

    .sec-web form .form-part-3 .mitsumori-button-container {
        padding: 0 80px;
    }

    .autoun p {
        margin-bottom: 0px;
    }

    .midbox-area h3 {
        font-size: 28px;
    }

    .double-logo {}

    .double-logo img {
        max-width: 240px;
    }

    .big-logo {
        width: 100%;
    }

    a#scroll-top {
        right: 20px;
        bottom: 190px;
    }

    .bigbox-area:after {
        top: 86%;
    }

    .midbox-area:after {
        top: 27%;
        height: 73%;
        /* top: 20%;
        height: 80%; */
    }

    .banner-area h3 {
        font-size: 10px;
    }

}


@media (min-width: 992px) and (max-width: 1199px) {
    a#scroll-top {
        right: 100px;
        bottom: 150px;
    }

    .autoun p {
        margin-bottom: 0px;
    }

    .bigbox-area:after {
        top: 86%;
    }
}



@media (min-width: 768px) {
    boxinner {
        grid-template-columns: repeat(2, 1fr);
    }

    .boxinner.two {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-video .videos .video .video-frame {
        width: 100%;
        height: calc(335px / 16 * 9);
    }

    .sec-web .sec-web-text {
        width: 65%;
    }

    .sec-web form {
        width: 65%;
    }

    .sec-web .sec-web-text .title {
        font-size: 40px;
    }

    .sec-web .sec-web-text .subtitle {
        font-size: 26px;
    }

    .sec-web .sec-web-text .minititle {
        font-size: 26px;
    }

    .sec-web .round-tip {
        width: 150px;
        height: 150px;
        line-height: 140px;
        font-size: 30px;
        border: #FFFFFF 4px solid;
    }

    .sec-web .round-tip.tip-1 {
        top: 10px;
        right: 0;
    }

    .sec-web form .form-part-3 input.subtitle {
        font-size: 30px;
    }

    .sec-web form .form-part-3 input.minititle {
        font-size: 24px;
    }

    .sec-web form .form-part-3 #finger {
        top: 40px;
        right: 20px;
    }

    .sec-web form .form-part-3 .digit-section .digit {
        width: 40px;
        height: 60px;
        margin: 0 5px;
    }

    .sec-web form .form-part-3 .digit-section .unit {
        font-size: 24px;
    }

    .sec-web form .form-part-3 .mitsumori-button-container {
        padding: 0 40px;
    }

    .sec-web form .caption {
        font-size: 28px;
    }

    .sec-web form .phone-sec .phone-number {
        font-size: 18px;
    }

    .sec-web form .phone-sec .phone-number span {
        font-size: 32px;
        line-height: 32px;
    }

    .sec-web .cards-caption {
        margin-top: 20px;
    }

    .sec-web .cards-caption .subtitle {
        font-size: 24px;
    }

    .sec-web .cards-caption #girl-smile {
        height: 170px;
        right: 10px;
        top: -113px;
    }

    .sec-web .round-tip.tip-2 {
        top: 10px;
        left: 10px;
        line-height: 32px;
        padding-top: 20px;
    }

    .sec-web .round-tip.tip-3 {
        top: -110px;
        left: 10px;
        line-height: 32px;
        padding-top: 20px;
    }

    .sec-web .cards-caption .desc {
        margin-left: 170px;
    }

    .sec-web .cards .cards-desc .subtitle {
        font-size: 20px;
    }

    .sec-web .cards .cards-desc .minititle {
        font-size: 20px;
    }

    .sec-web .buttons .round-button {
        width: 160px;
        height: 160px;
        font-size: 26px;
        padding-top: 40px;
    }

    .sec-web .buttons .rect-button {
        padding: 5px 30px;
        font-size: 26px;
    }

    .sec-web .buttons span {
        font-size: 26px;
    }

    .button-detail.pc-only {
        width: 50%;
        display: inline-block;
        padding-left: 40px;
    }

    .button-detail.sp-only {
        display: none;
    }

    .title.button-adjust {
        margin-bottom: -20px;
    }


    .footer .round-tip {
        width: 120px;
        height: 120px;
        padding-top: 30px;
        font-size: 18px;
    }

    .footer .round-tip .font-1 {
        font-size: 30px;
        line-height: 30px;
    }

    .footer .footer-menu .container a {
        font-size: 14px;
    }

    .poster-notice-container {
        width: 60%;
        padding-left: 5px;
    }

    .poster-notice-box {
        margin-top: 20px;
        border: 1px solid #1EBDC6;
        border-radius: 0.3em;
        width: 100%;
        height: auto;
        padding: 15px;
        background-color: #0c3190;
        position: relative;
        
    }
    
    .poster-notice-box h2 {
        font-weight: 800;
        font-size: 25px;
        margin-bottom: 0;
    }

    .poster-notice-box img{
        position: absolute;
        top: 30px;
        right: -110px;
        max-width: 150px;
    }

}

@media (min-width: 992px) {


    .desktop-only {
        display: block;
    }

    .box {
        height: 300px;
    }

    .boxinner {
        /* grid-template-columns: repeat(3, 1fr); */
        /* grid-template-columns: repeat(4, 1fr); */
    }

    .sec-video .videos .video:nth-child(odd) {
        margin-right: 30px;
    }

    .sec-video .videos .video {
        width: calc(50% - 30px);
    }

    .sec-web form .radio-label {
        width: 75px;
    }

    .sec-web form .form-part-1 .label,
    .sec-web form .form-part-2 .label {
        font-size: 22px;
    }

    .sec-web .sec-web-text .title {
        font-size: 50px;
    }

    .sec-web .sec-web-text .subtitle {
        font-size: 32px;
    }

    .sec-web .sec-web-text .minititle {
        font-size: 32px;
    }

    .sec-web .round-tip {
        width: 170px;
        height: 170px;
        line-height: 160px;
        font-size: 35px;
    }

    .sec-web .round-tip.tip-1 {
        top: 30px;
        right: 0;
    }

    .sec-web form .form-part-3 input.subtitle {
        font-size: 34px;
    }

    .sec-web form .form-part-3 input.minititle {
        font-size: 28px;
    }

    .sec-web form .form-part-3 #finger {
        top: 40px;
        right: 40px;
    }

    .sec-web form .form-part-3 .digit-section .digit {
        width: 50px;
        height: 70px;
        margin: 0 5px;
    }

    .sec-web form .form-part-3 .digit-section .unit {
        font-size: 28px;
    }

    .sec-web form .form-part-3 .mitsumori-button-container {
        padding: 0 120px;
    }

    .sec-web form .caption {
        font-size: 32px;
    }

    .sec-web form .phone-sec .phone-icon {
        width: 7%;
    }

    .sec-web .cards-caption {
        margin-top: 20px;
    }

    .sec-web .cards-caption .subtitle {
        font-size: 28px;
    }

    .sec-web .cards-caption #girl-smile {
        height: 220px;
        right: 10px;
        top: -157px;
    }

    .sec-web .round-tip.tip-2 {
        top: 10px;
        left: 10px;
        line-height: 37px;
        padding-top: 25px;
    }

    .sec-web .round-tip.tip-3 {
        top: -130px;
        left: 10px;
        line-height: 37px;
        padding-top: 25px;
    }

    .sec-web .cards-caption .desc {
        margin-left: 190px;
    }

    .sec-web .cards {
        margin-top: 70px;
    }

    .sec-web .cards .cards-desc .subtitle {
        font-size: 24px;
    }

    .sec-web .cards .cards-desc .minititle {
        font-size: 24px;
    }

    .sec-web .buttons .round-button {
        width: 180px;
        height: 180px;
        font-size: 30px;
        padding-top: 48px;
    }

    .sec-web .buttons .rect-button {
        padding: 5px 30px;
        font-size: 30px;
    }

    .sec-web .buttons span {
        font-size: 30px;
    }

    .sec-video {
        padding: 100px 100px 60px;
    }

    .footer .round-tip {
        width: 140px;
        height: 140px;
        padding-top: 30px;
        font-size: 20px;
    }

    .footer .title {
        font-size: 30px;
    }

    .footer .content {
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }

    .footer .round-tip .font-1 {
        font-size: 32px;
        line-height: 32px;
    }

    .footer .footer-menu .container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .footer-menu .container a {
        font-size: 16px;
        padding: 10px 20px;
    }

    .footer .footer-menu .container a:nth-child(1) {
        width: auto;
        border: none;
    }

    .footer .footer-menu .container a:nth-child(2) {
        width: auto;
        border: none;
    }

    .footer .footer-menu .container a:nth-child(3) {
        width: auto;
        border: none;
    }

    .footer .footer-menu .container a:nth-child(4) {
        width: auto;
        border: none;
    }

    .footer .footer-menu .container a:nth-child(5) {
        width: auto;
        border: none;
    }

    .footer .footer-menu .container a:nth-child(6) {
        width: auto;
    }

    .autoun {
        width: 60%;
        text-align: left;
    }

    .atoun-text {
        padding: 50px 0px 40px 10px;
    }

    .midbox-area .autoun p {
        font-size: 21px;
        text-align: left !important;
    }

    .poster-notice-container {
        width: 60%;
        padding-left: 5px;
    }

    .poster-notice-box {
        margin-top: 20px;
        border: 1px solid #1EBDC6;
        border-radius: 0.3em;
        width: 100%;
        height: auto;
        padding: 15px;
        background-color: #0c3190;
        position: relative;
        
    }
    
    .poster-notice-box h2 {
        font-weight: 800;
        font-size: 30px;
        margin-bottom: 0;
    }
    .poster-notice-box img{
        position: absolute;
        top: 20px;
        right: -130px;
        max-width: 200px;
    }

}

@media (min-width: 1200px) {

    .sec-video .videos .video .video-frame {
        width: 100%;
        height: calc(425px / 16 * 9);
    }

    .sec-web .sec-web-text .title {
        font-size: 60px;
    }

    .sec-web .sec-web-text .subtitle {
        font-size: 36px;
    }

    .sec-web .sec-web-text .minititle {
        font-size: 36px;
    }

    .sec-web .round-tip {
        width: 190px;
        height: 190px;
        line-height: 180px;
        font-size: 40px;
    }

    .sec-web form .form-part-3 input.subtitle {
        font-size: 38px;
    }

    .sec-web form .form-part-3 input.minititle {
        font-size: 32px;
    }

    .sec-web form .form-part-3 #finger {
        top: 40px;
        right: 60px;
    }

    .sec-web form .form-part-3 .digit-section .digit {
        width: 60px;
        height: 80px;
        margin: 0 5px;
    }

    .sec-web form .form-part-3 .digit-section .unit {
        font-size: 32px;
    }

    .sec-web form .phone-sec .phone-icon {
        width: 6%;
    }

    .sec-web .cards-caption {
        margin-top: 20px;
    }

    .sec-web .cards-caption .subtitle {
        font-size: 32px;
    }

    .sec-web .cards-caption #girl-smile {
        height: 260px;
        right: 20px;
        top: -191px;
    }

    .sec-web .round-tip.tip-2 {
        top: 10px;
        left: 10px;
        line-height: 42px;
        padding-top: 30px;
    }

    .sec-web .round-tip.tip-3 {
        top: -150px;
        left: 10px;
        line-height: 42px;
        padding-top: 30px;
    }

    .sec-web .cards-caption .desc {
        margin-left: 210px;
    }

    .sec-web .buttons .round-button {
        width: 200px;
        height: 200px;
        font-size: 34px;
    }

    .sec-web .buttons .rect-button {
        padding: 5px 40px;
        font-size: 34px;
    }

    .sec-web .buttons span {
        font-size: 34px;
    }

    .midbox-area .autoun p {
        font-size: 25px;
        text-align: left !important;
    }

    .footer .round-tip {
        width: 160px;
        height: 160px;
        padding-top: 35px;
        font-size: 24px;
    }

    .footer .title {
        width: 680px;
        font-size: 36px;
        text-align: center !important;
        margin: 0 auto;
    }

    .footer .title span {
        margin-left: 20px;
    }

    .footer .content {
        font-size: 19px;
    }

    .footer .round-tip .font-1 {
        font-size: 36px;
        line-height: 36px;
    }

    .button-detail.pc-only {
        padding-left: 0px;
        /* padding-right: 60px; */
        width: 65%;
    }

    .poster-notice-container {
        width: 60%;
    }

    .poster-notice-box {
        margin-top: 5px;
        border: 1px solid #1EBDC6;
        border-radius: 0.3em;
        width: 100%;
        height: auto;
        padding: 15px;
        background-color: #0c3190;
        position: relative;
        
    }
    
    .poster-notice-box h2 {
        font-weight: 800;
        font-size: 40px;
        margin-bottom: 0;
    }
    .poster-notice-box img{
        position: absolute;
        top: 20px;
        right: -170px;
        max-width: 260px;
    }


}

@media (max-width: 350px) {
.atoun-text {
    padding: 40px 0 20px 0px;
}

.autoun p {
    font-size: 10px;
    margin-bottom: 0px;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
.mobile_hidden{display:none;}
.desktop_hdiden{display:block}
.desktop_hidden{display:block;}
.videosec{margin-top:-380px; margin-bottom:40px;}
.videosec video{margin-bottom:20px;}
.sectionthree_one h3{font-size:15px;}
.sectionthree_one h2{font-size:28px;}
.sectionthree_one h4{font-size:16px;}
.tophd{text-align:center;}
.tophd img{width:100px;}
.tophd h3{font-size:2rem;}
.tophd h2{font-size:14px;}
.sectionone p{font-size:16px;}
.imgblock h2{font-size:14px; text-align:center;}
.sectiontwo_two p{font-size:16px;}
.sectiontwo_two h3{text-align:center; font-size:2rem;}
.mobilewrap img{width:100px;}
.flatright{float:right; margin-top:40px !important;}
.sectiontwo_three h2{color:#fff; text-align:center; font-weight:bold; font-size:14px;}
.sectiontwo_three p{font-size:16px;}
.abs_block img{width:140px;}
.abs_block{top:-200px; left:-50px;}
.threeone_img1{width: 60px; margin-top: 3px;}
.icon_text{width: 60px; font-size: 12px; margin-top: 8px;}
.sectionthree_one p{font-size:16px;}
.sectionthree_two p{font-size:16px;}
.sectionthree_three p{font-size:16px;}
.sectionthree_three h3{text-align:center; font-size:2rem;}
.sectionfour_one h2{text-align:center; font-weight:bold; font-size:14px;}
.sectionfour_one p{font-size:16px;}
.sectionfour_two p{font-size:16px;}
.sectionfour_two_one{margin-top:0px; padding: 30px 0 30px}
.leftside{margin-top:0px;}
.rightside{position:relative; margin-top:30px;}
.cuptext{margin-left: 0px;}
}


@media (min-width: 768px) and (max-width: 991px) {
.sectionthree_one h3{font-size:30px;}
.sectionthree_one h2{font-size:40px;}
.sectionthree_one h4{font-size:30px;}
.tophd{text-align:center;}
.tophd img{width:100px;}
.tophd h2{font-size:20px;}
.imgblock h2{font-size:20px;}
.sectionone p{font-size:18px;}
.desktop_hidden{display:none;}
.leftside img{width:230px;}
.sectionfour_two p{font-size:18px;}
.rightside{margin-top:-100px;}
}


@media (min-width: 1920px) and (max-width: 2200px) {
.sectionfour_two_one{margin-top:0;}
.leftside{margin-top:-80px;}
.rightside{margin-top:-120px;}
.magbtn{margin-bottom:200px;}
}