.fontMiddle body .fs14{font-size: 16px}
.fontMiddle body .fs16{font-size: 18px}
.fontMiddle body .fs18{font-size: 20px}
.fontMiddle body .fs20{font-size: 22px}
.fontMiddle body .fs22{font-size: 24px}
.fontMiddle body .fs24{font-size: 26px}
.fontMiddle body .fs26{font-size: 28px}
.fontMiddle body .fs28{font-size: 30px}
.fontMiddle body .fs30{font-size: 32px}
.fontMiddle body .fs32{font-size: 34px}
.fontMiddle body .fs36{font-size: 38px}
.fontMiddle body .fs40{font-size: 42px}
.fontMiddle body .fs45{font-size: 47px}
.fontMiddle body .fs48{font-size: 50px}
.fontMiddle body .fs50{font-size: 52px;}
.fontMiddle body .fs59{font-size: 61px}
.fontMiddle body .fs60{font-size: 62px;}
.fontMiddle body .fs64{font-size: 66px;}
.fontMiddle body .fs68{font-size: 70px;}
.fontMiddle body .fs98{font-size: 100px;}
.fontMiddle body .fs110{font-size: 112px;}

.fontLarge body .fs14{font-size: 18px}
.fontLarge body .fs16{font-size: 20px}
.fontLarge body .fs18{font-size: 22px}
.fontLarge body .fs20{font-size: 24px}
.fontLarge body .fs22{font-size: 26px}
.fontLarge body .fs24{font-size: 28px}
.fontLarge body .fs26{font-size: 30px}
.fontLarge body .fs28{font-size: 32px}
.fontLarge body .fs30{font-size: 34px}
.fontLarge body .fs32{font-size: 36px}
.fontLarge body .fs36{font-size: 40px}
.fontLarge body .fs40{font-size: 44px}
.fontLarge body .fs45{font-size: 49px}
.fontLarge body .fs48{font-size: 52px}
.fontLarge body .fs50{font-size: 54px;}
.fontLarge body .fs59{font-size: 63px}
.fontLarge body .fs60{font-size: 64px;}
.fontLarge body .fs64{font-size: 68px;}
.fontLarge body .fs68{font-size: 72px;}
.fontLarge body .fs98{font-size: 102px;}
.fontLarge body .fs110{font-size: 114px;}


@media (max-width: 1680px) {
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{font-size: 16px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{font-size: 17px;}

}
@media (max-width: 1570px) {
    .fontMiddle header .topmenu .nav-outer .nav-box ul li a{font-size: 15px;}
    .fontLarge header .topmenu .nav-outer .nav-box ul li a{font-size: 16px;}

}
@media (max-width: 1200px) {
    body{font-size: 14px;}
    body .fs14{font-size: 12px}
    body .fs16,.test-block .txt2 span{font-size: 14px}
    body .fs18{font-size: 16px}
    body .fs20{font-size: 18px}
    body .fs22{font-size: 20px}
    body .fs24,body .login-block .login .row .txt h3{font-size: 22px}
    body .fs26{font-size: 24px}
    body .fs28{font-size: 26px}
    body .fs30{font-size: 28px}
    body .fs32{font-size: 29px}
    body .fs36{font-size: 30px}
    body .fs40{font-size: 32px}
    body .fs45{font-size: 38px}
    body .fs48{font-size: 40px}
    body .fs50{font-size: 42px;}
    body .fs59{font-size: 50px}
    body .fs60{font-size: 54px;}
    body .fs64{font-size: 56px;}
    body .fs68{font-size: 60px;}
    body .fs98{font-size: 68px;}
    body .fs110{font-size: 70px;}


    .fontMiddle body{font-size: 15px;}
    .fontMiddle body .fs14{font-size: 13px}
    .fontMiddle body .fs16,.fontMiddle body .test-block .txt2 span{font-size: 15px}
    .fontMiddle body .fs18{font-size: 17px}
    .fontMiddle body .fs20{font-size: 19px}
    .fontMiddle body .fs22{font-size: 21px}
    .fontMiddle body .fs24,.fontMiddle  body .login-block .login .row .txt h3{font-size: 23px}
    .fontMiddle body .fs26{font-size: 25px}
    .fontMiddle body .fs28{font-size: 27px}
    .fontMiddle body .fs30{font-size: 29px}
    .fontMiddle body .fs32{font-size: 30px}
    .fontMiddle body .fs36{font-size: 33px}
    .fontMiddle body .fs40{font-size: 37px}
    .fontMiddle body .fs45{font-size: 39px}
    .fontMiddle body .fs48{font-size: 41px}
    .fontMiddle body .fs50{font-size: 43px;}
    .fontMiddle body .fs59{font-size: 51px}
    .fontMiddle body .fs60{font-size: 55px;}
    .fontMiddle body .fs68{font-size: 61px;}
    .fontMiddle body .fs64{font-size: 63px;}
    .fontMiddle body .fs98{font-size: 69px;}
    .fontMiddle body .fs110{font-size: 71px;}
    .fontLarge body{font-size: 16px;}
    .fontLarge body .fs14{font-size: 14px}
    .fontLarge body .fs16,.fontLarge body  .test-block .txt2 span{font-size: 16px}
    .fontLarge body .fs18{font-size: 18px}
    .fontLarge body .fs20{font-size: 20px}
    .fontLarge body .fs22{font-size: 22px}
    .fontLarge body .fs24,.fontLarge body .login-block .login .row .txt h3{font-size: 24px}
    .fontLarge body .fs26{font-size: 26px}
    .fontLarge body .fs28{font-size: 28px}
    .fontLarge body .fs30{font-size: 30px}
    .fontLarge body .fs32{font-size: 31px}
    .fontLarge body .fs36{font-size: 34px}
    .fontLarge body .fs40{font-size: 38px}
    .fontLarge body .fs45{font-size: 40px}
    .fontLarge body .fs48{font-size: 42px}
    .fontLarge body .fs50{font-size: 44px;}
    .fontLarge body .fs59{font-size: 52px}
    .fontLarge body .fs60{font-size: 56px;}
    .fontLarge body .fs64{font-size: 58px;}
    .fontLarge body .fs68{font-size: 62px;}
    .fontLarge body .fs98{font-size: 70px;}





}

@media (max-width: 1024px){

}
@media (max-width: 960px){





}
@media (max-width: 767px){

    body{font-size: 12px;}
    body .fs14{font-size: 12px}
    body .fs16,.test-block .txt2 span{font-size: 12px}
    body .fs18{font-size: 12px;!important;}
    body .fs20{font-size: 14px}
    body .fs22{font-size: 14px}
    body .fs24,.login-block .login .row .txt h3{font-size: 14px}
    body .fs26{font-size: 16px}
    body .fs28{font-size: 16px}
    body .fs30{font-size: 16px}
    body .fs32{font-size: 16px}
    body .fs36{font-size: 16px}

    body .fs40{font-size: 16px}
    body .fs45{font-size: 19px}
    body .fs48{font-size: 20px}
    body .fs50{font-size: 23px;}
    body .fs59{font-size: 24px}
    body .fs60{font-size: 26px;}

    body .fs64{font-size: 26px;}
    body .fs68{font-size: 30px;}
    body .fs98{font-size: 32px;}
    body .fs110{font-size: 40px;}


    .fontMiddle body{font-size: 14px;}
    .fontMiddle body .fs14{font-size: 14px}
    .fontMiddle body .fs16,.fontMiddle body .test-block .txt2 span{font-size: 14px}
    .fontMiddle body .fs18{font-size: 14px}

    .fontMiddle body .fs20{font-size: 16px}
    .fontMiddle body .fs22{font-size: 16px}
    .fontMiddle body .fs24,.fontMiddle body .login-block .login .row .txt h3{font-size: 16px}
    .fontMiddle body .fs26{font-size: 18px}
    .fontMiddle body .fs28{font-size: 18px}
    .fontMiddle body .fs30{font-size: 18px}
    .fontMiddle body .fs32{font-size: 18px}
    .fontMiddle body .fs36{font-size: 18px}

    .fontMiddle body .fs40{font-size: 18px}
    .fontMiddle body .fs45{font-size: 21px}
    .fontMiddle body .fs48{font-size: 25px}
    .fontMiddle body .fs50{font-size: 28px;}
    .fontMiddle body .fs59{font-size: 30px}
    .fontMiddle body .fs60{font-size: 32px;}

    .fontMiddle body .fs64{font-size: 28px;}
    .fontMiddle body .fs68{font-size: 36px;}
    .fontMiddle body .fs98{font-size: 38px;}
    .fontMiddle body .fs110{font-size: 50px;}

    .fontLarge body{font-size: 16px;}
    .fontLarge body .fs14{font-size: 18px}
    .fontLarge body .fs16,.fontLarge body .test-block .txt2 span{font-size: 18px}

    .fontLarge body .fs18{font-size: 16px}

    .fontLarge body .fs20{font-size: 18px}
    .fontLarge body .fs22{font-size: 18px}
    .fontLarge body .fs24,.fontLarge body .login-block .login .row .txt h3{font-size: 18px}

    .fontLarge body .fs26{font-size: 18px}
    .fontLarge body .fs28{font-size: 18px}

    .fontLarge body .fs30{font-size: 18px}
    .fontLarge body .fs32{font-size: 20px}
    .fontLarge body .fs36{font-size: 20px}

    .fontLarge body .fs40{font-size: 20px}
    .fontLarge body .fs45{font-size: 23px}

    .fontLarge body .fs48{font-size: 27px}
    .fontLarge body .fs50{font-size: 30px;}
    .fontLarge body .fs59{font-size: 32px}
    .fontLarge body .fs60{font-size: 34px;}

    .fontLarge body .fs64{font-size: 34px;}
    .fontLarge body .fs68{font-size: 38px;}
    .fontLarge body .fs98{font-size: 40px;}
    .fontLarge body .fs110{font-size: 52px;}

    .mobile-menu .social a{font-size: 20px;}
    .fontMiddle .mobile-menu .social a{font-size: 21px;}
    .fontLarge .mobile-menu .social a{font-size: 22px;}
    .family-list-block .whiteback .right .relate-mo .swiper-slide{height: 185px;}
    .fontMiddle .second-block .row .col-md-4 .con .txt ul li{font-size: 8px;}
    .fontLarge .second-block .row .col-md-4 .con .txt ul li{font-size: 10px;}
    .family-list-block .whiteback .right .relate-mo .swiper-slide a .con h4{font-size: 12px;}
    .fontMiddle .family-list-block .whiteback .right .relate-mo .swiper-slide a .con h4{font-size: 14px;}
    .fontLarge .family-list-block .whiteback .right .relate-mo .swiper-slide a .con h4{font-size: 15px;}

    .fontLarge .family-list-block .whiteback .right .relate-mo .swiper-slide{height: 180px;}

    .family-list-block .whiteback .hot .swiper-slide a .con{font-size: 12px;}
    .fontMiddle  .family-list-block .whiteback .hot .swiper-slide a .con{font-size: 14px;}
    .fontLarge  .family-list-block .whiteback .hot .swiper-slide a .con{font-size: 15px;}
    .second-block .row .col-md-4 .con .icos h3{font-size: 14px;}
    .fontMiddle  .second-block .row .col-md-4 .con .icos h3{font-size: 16px;}
    .fontLarge .second-block .row .col-md-4 .con .icos h3{font-size: 16px;}

    .login-block .register form .whatsappbox p{font-size: 10px;}
    .fontMiddle  .login-block .register form .whatsappbox p{font-size: 12px;}
    .fontLarge  .login-block .register form .whatsappbox p{font-size: 14px;}

    .login-block .register form button{font-size: 14px;}
    .fontMiddle .login-block .register form button{font-size: 16px;}
    .fontLarge .login-block .register form button{font-size: 18px;}

    .login-block .login .boxconent h2{font-size: 16px;}
    .fontMiddle .login-block .login .boxconent h2{font-size: 18px;}
    .fontLarge .login-block .login .boxconent h2{font-size: 20px;}

    .test-block .whiteback .h2-title{font-size: 16px;}
    .fontMiddle .test-block .whiteback .h2-title{font-size: 18px;}
    .fontLarge .test-block .whiteback .h2-title{font-size: 20px;}

    .test-block .whiteback .submit{font-size: 14px;}
    .fontMiddle .test-block .whiteback .submit{font-size: 16px;}
    .fontLarge .test-block .whiteback .submit{font-size: 18px;}
    .fontMiddle .third-block .swiper-slide a .con h4{font-size: 14px;}
    .fontLarge .third-block .swiper-slide a .con h4{font-size: 15px;}
    .banbox .bant p{font-size: 10px;}
    .fontMiddle .banbox .bant p{font-size: 12px;}
    .fontLarge .banbox .bant p{font-size: 14px;}












}
@media (max-width: 550px){


}
@media (max-width: 480px){

}