@media (max-width: 1600px) {
}
@media (max-width: 1460px) {


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


}

@media (min-width: 768px) and (max-width: 1024px){
    header .main-header .header-flex{padding: 0 15px; height: 60px}
    header .main-header.fixed .header-flex{height: 60px}
    header .main-header .header-flex .right-header .btn-plan{display: none}
    header .main-header .header-flex .navbar-brand{width: 120px}
    header .main-header .header-flex .right-header .btn-user{font-size: 0px; padding: 0 6px}
    header .main-header .header-flex .right-header .btn-user::before {content: none}
    header .main-header .header-flex .right-header .btn-user .code-img{margin: 0px;}
    header .main-header .header-flex .right-header .btn-menu{display: block;}

    .wrapper{padding-top: 60px}
    .top-section{padding: 40px 20px 80px 20px}
    .top-section .content-area .leftside-content{width: 50%; padding: 0 30px 0px 0px; }
    .top-section .content-area .rightside{width: 50%; margin: 0 auto; height: 446px;}
    .top-section .content-area h1{font-size: 35px; line-height: 44px;}
    .top-section .content-area p{font-size: 16px; line-height: 24px;}
    .top-section .content-area .btn-blue {margin-top: 5px; }
    .top-section .content-area .rightside .phone{width: 218px;}
    .top-section .content-area .rightside .phone::before {content: none}
    .top-section .content-area .rightside .square-qr {width: 165px;position: absolute;top: 50px;left: 15px;}
    .top-section .content-area .rightside .circle-qr-1{width: 66px;bottom: 70px;left: -20px;}
    .top-section .content-area .rightside .circle-qr-2{width: 66px; bottom: 60px; left: 60px;}
    .top-section .content-area .rightside .key-icon {width: 64px; bottom: 180px; left: 90px;}

    .stay-secure-section{padding: 0 5px 80px 5px}
    .stay-secure-section .content-area .photo-area{width: 45%; margin: 0 auto;}
    .stay-secure-section .content-area .photo-area img{width: 100%}
    .stay-secure-section .content-area .right-content{width: 55%; padding: 0px 0px 0px 20px; }
    .stay-secure-section .content-area h2{font-size: 35px; line-height: 44px;}
    .stay-secure-section .content-area p{font-size: 16px; line-height: 24px;}
    .stay-secure-section .content-area .btn-blue-border{ margin-top: 5px;}

    .your-own-section{padding: 0 5px 80px 5px}
    .your-own-section .content-area .photo-area{width: 45%; height: 240px}
    .your-own-section .content-area .right-content{width: 55%; padding: 0px 20px 0px 0px ; }
    .your-own-section .content-area h2{font-size: 35px; line-height: 44px;}
    .your-own-section .content-area p{font-size: 16px; line-height: 24px;}
    .your-own-section .content-area .btn-blue-border{ margin-top: 5px;}
    .your-own-section .content-area .photo-area .tag1 img,
    .your-own-section .content-area .photo-area .tag2 img,
    .your-own-section .content-area .photo-area .tag3 img{width: 100%}
    .your-own-section .content-area .photo-area .tag1{width: 120px;}
    .your-own-section .content-area .photo-area .tag2{width: 120px;}
    .your-own-section .content-area .photo-area .tag3{width: 120px;}

    .testimonial-section{padding: 40px 0 40px 20px}
    .testimonial-section h2{font-size: 35px; line-height: 44px; margin: 0 0 40px -10px}
    .testimonial-section .review-block p {font-size: 16px; line-height: 24px;}

    .btn-white-border{font-size: 12px; line-height: 30px; padding: 0 10px;}

    .try-free-section {padding: 60px 0;}
    .try-free-section h2 {font-size: 44px; line-height: 54px; width: 70%}

    footer .footer-main{padding: 40px 0 30px 0}
    footer .footer-main h2{margin-top: 40px}
    footer .footer-main .copyright-area{display: block; text-align: center;}
    footer .footer-main .copyright-area ul.link{justify-content: center; margin-top: 10px}
    footer .footer-main .copyright-area ul.link li{margin: 0 8px}

    .footer-area{padding: 40px 0}
    .footer-area .logo {width: 175px; margin: 0;}
    .footer-area ul.link li{margin: 0px 0px 10px 0px}
    .footer-area h3{margin:40px 0 10px 0}
    .footer-area ul.link li a{font-size: 16px; line-height: 16px}
    .footer-area ul.link li:last-child{margin: 0px}
    .footer-area ul.social{justify-content: center;margin: 40px 0px 0px 0px;}
    .footer-area ul.social li{margin: 0 10px}
    .footer-area ul.social li a{font-size: 30px; line-height: 30px}
    .footer-area .copyright{margin-top: 40px;}
    .footer-area .btn-white-border{padding: 5px 22px; margin-bottom: 15px;}
    .footer-area .copyright p{margin-top: 10px}



    .tag-landing-page {padding: 30px 20px;}
    .tag-landing-page .logo {width: 150px; margin: 0px auto 30px auto;}
    .tag-landing-page .tag-photo {width: 260px; height: 260px;}
    .tag-landing-page::before {height: 230px}
    .tag-landing-page .content-area h1{font-size: 26px; line-height: 26px; margin: 0 0 10px 0}
    .tag-landing-page .content-area p{font-size: 18px; line-height: 26px;}
    .tag-landing-page .content-area h2{font-size: 22px; line-height: 22px;}
    .tag-landing-page .content-area .owned-info{font-size: 18px; line-height: 24px;}

    .inner-main-area{padding: 15px 0}
    .inner-main-area .main-content{display: block;}
    /* .inner-main-area .main-content .sidebar{width: 100%; padding: 0px; display: none} */
    .inner-main-area .main-content .sidebar{width: 100%; position: fixed; top: 0px; left: -100%; background: #F3F3F8; z-index: 1; height: 100%; padding: 81px 20px 20px 20px; transition: all .5s ease;}
    .inner-main-area .main-content .sidebar.open{left: 0px; transition: all .5s ease;}
    .inner-main-area .main-content .rightside-content-area{width: 100%; padding: 0px;}

    .title{margin: 0px 0 15px 0; font-size: 20px; line-height: 40px}
    .title .icon{width: 40px; height: 40px; padding: 12px; line-height: 14px;}

    .count-block{padding: 20px 10px 15px 10px; margin-bottom: 10px}
    .count-block p{font-size: 14px; line-height: 16px;}
    .count-block .count-number{margin: 0 0 10px 0; font-size: 46px; line-height: 28px;}
    .row.md-10 {margin: 0 -5px;}
    .col-lg-4.col-6.pd-10 {padding: 0 5px;}
    .col-lg-4.col-12.pd-10 {padding: 0 5px;}

    .tag-detail .tag-info ul.info-block li:nth-of-type(4n+1) {width: 26%;}
    .tag-detail .tag-info ul.info-block li:nth-of-type(4n+2) {width: 18%;}
    .tag-detail .tag-info ul.info-block li:nth-of-type(4n+4){width: 25%}

    .create-tag-area .sticky{width: 50%}
    .create-tag-area .form-area{width: 50%}
    .create-tag-area .preview-area .preview-block {width: 100%; height: auto;}
    .create-tag-area .colorbox{border-radius: 40px; margin-bottom: 10px}
    .create-tag-area .frames-color-area .row.md-10{margin: 0 -10px}
    .qr-preview-block p.loading {width: 400px;}

    .create-tag-area .upload-area{display: block;}
    .create-tag-area .upload-area .file-name{width: 100%; margin: 10px 0}
    .create-tag-area .upload-area .file-name span {display: block;}

    .inner-title-section{padding: 80px 0; border-radius: 0 0 50px 50px}
    .inner-title-section h1{font-size: 30px; line-height: 30px}

    .pricing-page{padding: 40px 0 20px 0}
    .pricing-page .content-middle{width: 92%}
    .pricing-page .content-middle h2{font-size: 35px; line-height: 44px;}
    .pricing-page .content-middle .pricing-info-top{margin-bottom: 40px}
    .pricing-page .content-middle .plan-block{margin-bottom: 20px; padding: 20px}
    .pricing-page .content-middle .plan-block:hover{transform: scale(1.01);}
    .pricing-page .content-middle .plan-block .price{font-size: 40px}

    .about-page{padding: 40px 0}
    .about-page .about-block{display: block;}
    .about-page .about-block .about-photo-area{width: 100%}
    .about-page .about-block .content-block{width: 100%; padding: 40px 0 0 0}
    .about-page .about-block .about-photo-area img {width: 80%; border-radius: 30px; margin-left: 10%;}
    .about-page .about-block .about-photo-area .img2{width: 120px; height: 120px; border: #fff 10px solid; border-radius: 15px; bottom: -20px; left: 0px;}
    .about-page .about-block .about-photo-area .img2 img{width: 100%; margin-left: 0px}
    .about-page .about-block .about-photo-area .img1{width: 120px; height: 120px; top: -30px; right: -10px;}
    .about-page .about-block .about-photo-area .img1 img{width: 100%; margin-left: 0px}
    .about-page .about-block .content-block h2{font-size: 35px; line-height: 44px;}

    .team-section {padding: 15px;}
    .team-section .gray-box{padding: 40px}
    .team-section h2{font-size: 35px; line-height: 44px;}

    .blog-page {padding: 40px 0;}
    .blog-page .blog-block .blog-photo{height: 360px}
    .blog-page .blog-block .blog-info ul.info{display: block;}
    .blog-page .blog-block .blog-info ul.info li::before {content: none}
    .blog-page .blog-block .blog-info ul.info li{margin-bottom: 10px}

    .common-page{padding: 40px 0}
    #accordion{width: 90%}
    .card .card-header .btn-link{padding: 5px 30px 5px 0px}

    .contact-page{padding: 40px 0}
    .contact-page .info{margin-bottom: 30px}
    .contact-page .info .icon{margin-bottom: 20px}
    .contact-page .contact-area{margin-top: 20px; display: block;}
    .contact-page .contact-area .map-area{width: 100%; height: 300px}
    .contact-page .contact-area .form-block{padding: 40px 10px 0 10px; box-shadow: none; width: 100%; margin-left: 0;}
    .contact-page .contact-area .form-block h3{font-size: 24px}
    .contact-page .contact-area .form-block .btn-submit{margin-top: 0;}

    .career-page{padding: 40px 0}
    .career-page .content-middle{width: 100%}
    .career-page .content-middle .info-top{margin-bottom: 30px}
    .career-page .content-middle h2{font-size: 35px; line-height: 44px;}

    .plan-main-area .current-plan .white-block .btn-blue-border,
    .plan-main-area .current-plan .white-block .btn-danger-border {padding: 0 25px;}


}



@media (max-width: 767px) {
    header .main-header .header-flex{padding: 0 15px; height: 60px}
    header .main-header.fixed .header-flex{height: 60px}
    header .main-header .header-flex .right-header .btn-plan{display: none}
    header .main-header .header-flex .navbar-brand{width: 120px}
    header .main-header .header-flex .right-header .btn-user{font-size: 0px; padding: 0 6px}
    header .main-header .header-flex .right-header .btn-user::before {content: none}
    header .main-header .header-flex .right-header .btn-user .code-img{margin: 0px;}
    header .main-header .header-flex .right-header .btn-signup{margin-left: 10px}
    header .main-header .header-flex .right-header .btn-menu{display: block;}

    .wrapper{padding-top: 60px}
    .top-section{padding: 40px 0 50px 0;}
    .top-section .content-area{display: block;}
    .top-section .content-area .leftside-content{width: 100%; padding: 0 15px 20px 15px; text-align: center;}
    .top-section .content-area .rightside{width: 300px; margin: 0 auto; height: 446px;}
    .top-section .content-area h1{font-size: 35px; line-height: 44px;}
    .top-section .content-area p{font-size: 16px; line-height: 24px;}
    .top-section .content-area .btn-blue {margin-top: 5px; width: 100%; text-align: center;}
    .top-section .content-area .rightside .phone{width: 185px;}
    .top-section .content-area .rightside .phone::before {content: none}
    .top-section .content-area .rightside .square-qr {width: 165px; position: absolute; top: 67px; left: 0px;}
    .top-section .content-area .rightside .circle-qr-1{width: 66px; bottom: 50px; left: 0;}
    .top-section .content-area .rightside .circle-qr-2{width: 66px; bottom: 50px; left: 60px;}
    .top-section .content-area .rightside .key-icon {width: 64px; bottom: 160px; left: 70px;}

    .stay-secure-section{padding: 0 0 80px 0}
    .stay-secure-section .content-area{display: block;}
    .stay-secure-section .content-area .photo-area{width: 300px; margin: 0 auto;}
    .stay-secure-section .content-area .photo-area img{width: 100%}
    .stay-secure-section .content-area .right-content{width: 100%; padding: 20px 0px 0px 0px; text-align: center;}
    .stay-secure-section .content-area h2{font-size: 35px; line-height: 44px;}
    .stay-secure-section .content-area p{font-size: 16px; line-height: 24px;}
    .stay-secure-section .content-area .btn-blue-border .icon{margin: 0 auto 5px auto;}
    .stay-secure-section .content-area .btn-blue-border{display: inline-block;line-height: 20px; padding: 12px 20px; margin-top: 5px;}

    .your-own-section{padding: 0 0 80px 0}
    .your-own-section .content-area{display: block;}
    .your-own-section .content-area .photo-area{width: 300px; height: 240px}
    .your-own-section .content-area .right-content{width: 100%; padding: 20px 0 0 0; text-align: center;}
    .your-own-section .content-area h2{font-size: 35px; line-height: 44px;}
    .your-own-section .content-area p{font-size: 16px; line-height: 24px;}
    .your-own-section .content-area .btn-blue-border .icon{margin: 0 auto 5px auto;}
    .your-own-section .content-area .btn-blue-border{display: inline-block;line-height: 20px; padding: 12px 20px; margin-top: 5px;}
    .your-own-section .content-area .photo-area .tag1 img,
    .your-own-section .content-area .photo-area .tag2 img,
    .your-own-section .content-area .photo-area .tag3 img{width: 100%}
    .your-own-section .content-area .photo-area .tag1{width: 120px;}
    .your-own-section .content-area .photo-area .tag2{width: 120px;}
    .your-own-section .content-area .photo-area .tag3{width: 120px;}

    .testimonial-section{padding: 40px 0 40px 20px}
    .testimonial-section h2{font-size: 35px; line-height: 44px; margin: 0 0 40px -10px}
    .testimonial-section .review-block p{font-size: 14px; line-height: 22px}
    .testimonial-section .review-block .d-flex{font-size: 18px; line-height: 18px}
    .btn-white-border{font-size: 12px; line-height: 30px; padding: 0 10px;}
    .try-free-section {padding: 60px 0;}
    .try-free-section h2 {font-size: 44px; line-height: 54px; width: 90%}

    footer .footer-main{padding: 40px 0 30px 0}
    footer .footer-main h2{margin-top: 40px}
    footer .footer-main .copyright-area{display: block; text-align: center;}
    footer .footer-main .copyright-area ul.link{justify-content: center; margin-top: 10px}
    footer .footer-main .copyright-area ul.link li{margin: 0 8px}

    .footer-area{padding: 40px 0}
    .footer-area .logo {width: 175px; margin: 0 auto;}
    .footer-area ul.link li{margin: 0px 0px 10px 0px}
    .footer-area h3{margin:40px 0 10px 0}
    .footer-area ul.link li a{font-size: 16px; line-height: 16px}
    .footer-area ul.link li:last-child{margin: 0px}
    .footer-area ul.social{justify-content: center;margin: 40px 0px 0px 0px;}
    .footer-area ul.social li{margin: 0 10px}
    .footer-area ul.social li a{font-size: 30px; line-height: 30px}
    .footer-area .copyright{margin-top: 40px;}
    .footer-area .btn-white-border{padding: 5px 22px; margin-bottom: 15px;}
    .footer-area .copyright p{margin-top: 10px}

    .signin-area{padding: 0px}
    .signin-area .form-area{width: 100%; border-radius: 0px; padding: 25px}
    .signin-area .form-area h1{font-size: 30px; line-height: 38px}
    .signin-area .form-area .info{font-size: 16px; line-height: 20px; margin: 0 0 10px 0}
    .signin-area .tab-link{flex-wrap: wrap; padding: 5px 10px; border-radius: 20px}
    .signin-area .tab-link .step-block{width: 100%; margin: 5px 0}
    .signin-area .form-area .btn-area{flex-wrap: wrap;}
    .signin-area .form-area .btn-area .social-btn{width: 100%; margin: 0 0 5px 0; line-height: 44px}
    .signin-area .form-area .btn-area a:first-child{margin-right: 0px}
    .signin-area .form-area .btn-area a:last-child{margin-left: 0px}
    .signin-area .form-area .btn-blue {font-size: 16px; line-height: 44px;}

    .tag-landing-page {padding: 30px 20px;}
    .tag-landing-page .logo {width: 150px; margin: 0px auto 30px auto;}
    .tag-landing-page .tag-photo {width: 260px; height: 260px;}
    .tag-landing-page::before {height: 230px}
    .tag-landing-page .content-area h1{font-size: 26px; line-height: 26px; margin: 0 0 10px 0}
    .tag-landing-page .content-area p{font-size: 18px; line-height: 26px;}
    .tag-landing-page .content-area h2{font-size: 22px; line-height: 22px;}
    .tag-landing-page .content-area .owned-info{font-size: 18px; line-height: 24px;}

    .inner-main-area{padding: 20px 0}
    .inner-main-area .main-content{display: block;}
    /* .inner-main-area .main-content .sidebar{width: 100%; padding: 0px; display: none} */
    .inner-main-area .main-content .sidebar{width: 100%; padding: 0px; position: fixed; top: 0px; left: -100%; background: #F3F3F8; z-index: 1; height: 100%; padding: 61px 0px 0px 0px; transition: all .5s ease;}
    .inner-main-area .main-content .sidebar.open{left: 0px; transition: all .5s ease;}
    .inner-main-area .main-content .sidebar .user-block{margin-bottom: 5px; box-shadow: none; border-radius: 0px; padding: 16px 15px 16px 70px; min-height: 70px}
    .inner-main-area .main-content .sidebar .user-block .name-code{width: 40px; height: 40px; line-height: 40px}
    .inner-main-area .main-content .sidebar .menu-block{margin-bottom: 5px; box-shadow: none; border-radius: 0px; padding: 0px;}
    .inner-main-area .main-content .sidebar .menu-block ul.menu-list li a{font-size: 16px; padding: 8px 15px; line-height: 30px}
    .inner-main-area .main-content .sidebar .menu-block ul.menu-list li a .icon{width: 30px; line-height: 14px; height: 30px; padding: 8px;}
    .inner-main-area .main-content .sidebar .subscription-block{margin-bottom: 5px; box-shadow: none; border-radius: 0px}
    .inner-main-area .main-content .rightside-content-area{width: 100%; padding: 0px;}

    .title{margin: 0px 0 15px 0; font-size: 20px; line-height: 40px; flex-wrap: wrap;}
    .title .icon{width: 40px; height: 40px; padding: 12px; line-height: 14px;}
    .title .btn-blue {line-height: 34px; font-size: 13px; padding: 0 20px;}
    .title .search-area{width: 100%; margin-top: 10px}

    .count-block{padding: 20px 10px 15px 10px; margin-bottom: 10px}
    .count-block p{font-size: 14px; line-height: 16px;}
    .count-block .count-number{margin: 0 0 10px 0; font-size: 46px; line-height: 28px;}
    .row.md-10 {margin: 0 -5px;}
    .col-lg-4.col-6.pd-10 {padding: 0 5px;}
    .col-lg-4.col-12.pd-10 {padding: 0 5px;}
    .qr-preview-block,
    .qr-preview-block.blank-box{padding: 138px 15px 15px 15px; display: block; overflow-x: hidden;}
    .qr-preview-block h2.loading ,
    .qr-preview-block p.loading {width: 100%;}
    .qr-preview-block.blank-box .btn-area {margin-bottom: 10px;}

    .first-tag-area .crate-box {margin-top: 40px}
    .first-tag-area .crate-box.mt{margin-top: 40px}

    .history-block{flex-wrap: wrap;}
    .history-block .info:nth-of-type(4n+1){width: 100%; margin-bottom: 10px}
    .history-block .info:nth-of-type(4n+2){width: 100%; margin-bottom: 10px}

    .history-view-area .history-block .info:nth-of-type(4n+3){width: 100%; margin-bottom: 10px}
    .history-view-area .history-block .info:nth-of-type(4n+4){width: 100%;}
    .history-block .info .btn-view {right: 60px;}

    .plan-main-area{display: block !important;}
    .plan-main-area .current-plan {width: 100%; margin-top: 20px;}
    .plan-main-area .plan-list {width: 100%; padding-right: 0; padding-top: 20px;}
    .plan-main-area .plan-list label.css-labelradio .name span,
    .plan-main-area .plan-list label.css-labelradio .price span{font-size: 14px}
    .plan-main-area .plan-list input[type="radio"].css-radio + label.css-labelradio{padding: 18px 15px 18px 56px}
    .plan-main-area .plan-list input[type="radio"].css-radio:checked + label.css-labelradio::before {width: 26px; height: 26px; border: #044ED7 8px solid; top: 23px;}
    .plan-main-area .plan-list label.css-labelradio::before {width: 26px; height: 26px;  top: 23px;}
    .plan-main-area .current-plan .white-block .btn-blue-border,
    .plan-main-area .current-plan .white-block .btn-danger-border {padding: 0 20px; margin: 0 5px;}


    .purchase-block h2{font-size: 20px}
    .purchase-block ul.summary-list li{font-size: 15px}
    .purchase-block .btn-blue{padding: 0 30px}
    .modal-content.paymentmodal-area{border-radius: 10px}
    .modal-content.paymentmodal-area .modal-body {padding: 15px;}
    .modal-content.paymentmodal-area h2{margin: 0 0 15px 0}
    .modal-content.paymentmodal-area ul.summary-list{padding: 10px 0px 0px 0px}
    .modal-content.paymentmodal-area ul.summary-list li{font-size: 16px}

    .purchase-block ul.summary-list li.promocode ,
    .purchase-block .promocode .form-group {display: block; width: 100%}
    .purchase-block .promocode .btn-blue {margin-top: 10px}
    .purchase-block .promocode .form-group label.error{position: relative; left: 0 !important; width: 100%}

    .edit-profile-block .content-area{display: block;}
    .edit-profile-block .content-area .file-upload-area{width: 100%}
    .edit-profile-block .content-area .profile-form{width: 100%; padding: 0px}

    #tagtype .modal-body{text-align: left;}
    #tagtype .modal-body h2{font-size: 18px; align-items: center;}
    #tagtype .modal-body input[type="radio"].css-radio + label.css-labelradio{padding: 10px; margin: 0px 0px 10px 0px; display: flex;}
  #tagtype .modal-body label.css-labelradio .tag-img {width: 50px; height: 50px; margin: 0 10px 0 0;}
  #tagtype .modal-body .btn-blue{width: 100%; text-align: center;}
  #tagtype .modal-body .row.md-10{margin: 0 -10px}

  .create-tag-area{display: block;}
  .create-tag-area .form-area{width: 100%; padding: 0px}
  .create-tag-area .sticky{width: 100%}
  .create-tag-area .preview-area{width: 100%; margin-bottom: 20px;  padding: 15px 10px}
  .create-tag-area .preview-area .full{ text-align: center;}
  .create-tag-area .preview-area .preview-block{width: 100px; height: 100px; margin: 0 auto;}
  .create-tag-area .frame-block label.css-labelradio .qr-code {width: 48px; height: 48px;}
  .create-tag-area .upload-area{display: block;}
  .create-tag-area .upload-area .btn-file{width: 100%; text-align: center; margin-top: 8px}
  .create-tag-area .colorbox{border-radius: 40px; margin-bottom: 10px}
  .create-tag-area .frames-color-area{margin-bottom: 5px}
  .create-tag-area .frames-color-area .row.md-10{margin: 0 -10px}
  .create-tag-area .btn-blue{width: 100%; text-align: center;}


  .tag-detail .qr-area{padding: 20px}
  .tag-detail .qr-area .qr-box {width: 80px; height: 80px; border: 8px solid #fff;}
  .tag-detail .qr-area .tag-photo {width: 120px; height: 120px; border: #fff 5px solid; bottom: -60px; left: 20px;}
  .tag-detail .tag-info .tag-name {left: 150px; top: 28px; font-size: 22px; line-height: 20px;}
  .tag-detail .tag-info{padding: 75px 20px 20px 20px}
  .tag-detail .tag-info ul.info-block{display: block; padding: 15px; text-align: center; margin: 0px 0px 15px 0px}
  .tag-detail .tag-info ul.info-block li:nth-of-type(4n+1){width: 100%; margin-bottom: 10px}
  .tag-detail .tag-info ul.info-block li:nth-of-type(4n+2){width: 100%; margin-bottom: 10px}
  .tag-detail .tag-info ul.info-block li:nth-of-type(4n+3){width: 100%; margin-bottom: 10px}
  .tag-detail .tag-info ul.info-block li:nth-of-type(4n+4){width: 100%}
  .tag-detail .tag-info p{font-size: 15px; line-height: 25px;}


  .inner-title-section{padding: 80px 0; border-radius: 0 0 50px 50px}
  .inner-title-section h1{font-size: 30px; line-height: 30px}

  .pricing-page{padding: 40px 0 20px 0}
  .pricing-page .content-middle{width: 100%}
  .pricing-page .content-middle h2{font-size: 35px; line-height: 44px;}
  .pricing-page .content-middle .pricing-info-top{margin-bottom: 40px}
  .pricing-page .content-middle .plan-block{margin-bottom: 20px}
  .pricing-page .content-middle .plan-block:hover{transform: scale(1.01);}

  .about-page{padding: 40px 0}
  .about-page .about-block{display: block;}
  .about-page .about-block .about-photo-area{width: 100%}
  .about-page .about-block .content-block{width: 100%; padding: 40px 0 0 0}
  .about-page .about-block .about-photo-area img {width: 80%; border-radius: 30px; margin-left: 10%;}
  .about-page .about-block .about-photo-area .img2{width: 120px; height: 120px; border: #fff 10px solid; border-radius: 15px; bottom: -20px; left: 0px;}
  .about-page .about-block .about-photo-area .img2 img{width: 100%; margin-left: 0px}
  .about-page .about-block .about-photo-area .img1{width: 120px; height: 120px; top: -30px; right: -10px;}
  .about-page .about-block .about-photo-area .img1 img{width: 100%; margin-left: 0px}
  .about-page .about-block .content-block h2{font-size: 35px; line-height: 44px;}
  .about-page .about-block .content-block p{font-size: 15px; line-height: 25px;}
  .about-page .about-block .content-block .input-area{position: relative;}
  .about-page .about-block .content-block .input-area .btn-blue{width: 100%; position: relative; right: 0; top: 0px; margin-top: 5px}

  .team-section {padding: 0;}
  .team-section .gray-box{padding: 40px 20px; border-radius: 0;}
  .team-section h2{font-size: 35px; line-height: 44px;}

  .blog-page {padding: 40px 0;}
  .blog-page .blog-block{display: block;}
  .blog-page .blog-block .blog-photo{width: 100%; height: 260px}
  .blog-page .blog-block .blog-info{width: 90%; margin: -30px auto 0 auto;}
  .blog-page .blog-block .blog-info ul.info{display: block;}
  .blog-page .blog-block .blog-info ul.info li::before {content: none}
  .blog-page .blog-block .blog-info ul.info li{margin-bottom: 10px}
  .blog-page .blog-block:nth-of-type(2n+2) .blog-info{width: 90%; margin: -30px auto 0 auto;}

  .common-page{padding: 40px 0}
  #accordion{width: 100%}
  .card .card-header .btn-link{padding: 5px 30px 5px 0px}

  .contact-page{padding: 40px 0}
  .contact-page .info{margin-bottom: 30px}
  .contact-page .info .icon{margin-bottom: 20px}
  .contact-page .info a{min-height: auto}
  .contact-page .contact-area{margin-top: 20px; display: block;}
  .contact-page .contact-area .map-area{width: 100%; height: 300px}
  .contact-page .contact-area .form-block{padding: 40px 10px 0 10px; box-shadow: none; width: 100%; margin-left: 0;}
  .contact-page .contact-area .form-block h3{font-size: 24px}
  .contact-page .contact-area .form-block .btn-submit{width: 100%; justify-content: space-between; margin-top: 0;}

  .career-page{padding: 40px 0}
  .career-page .content-middle{width: 100%}
  .career-page .content-middle .info-top{margin-bottom: 30px}
  .career-page .content-middle h2{font-size: 35px; line-height: 44px;}
  .career-page .career-block{display: block;}
  .career-page .career-block ul.info{flex-wrap: wrap;}
  .career-page .career-block ul.info li{width: 100%; margin: 0 0 10px 0}
  .career-page .career-block .btn-blue{width: 100%; text-align: center;}
  .modal-content.historymodal-area ul li{display: block; line-height: 22px; padding: 8px 15px}
  .modal-content.historymodal-area ul li strong{display: block}


  .edit-profile-block .btn-blue { padding: 0px; width: 100%; }
  .edit-profile-block .btn-danger { padding: 0px; width: 100%; text-align: center; margin-top: 10px; }

}
@media (max-width: 424px) {
    header .main-header .header-flex .right-header .btn-signup .icon,
    header .main-header .header-flex .right-header .btn-login .icon{display: none}
    header .main-header .header-flex .right-header .btn-signup,
    header .main-header .header-flex .right-header .btn-login{padding: 0 14px; font-size: 12px; line-height: 32px}
    #toTop {right: 30px}
    .plan-main-area .current-plan .white-block .btn-blue-border,
    .plan-main-area .current-plan .white-block .btn-danger-border {padding: 0 5px; margin: 0 3px; width: 100%}
}