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

    .service-main .service-inner-main {padding: 50px 100px;}
    .service-main .service-title-text p {padding-right: 24%;}
    .service-main .service-inner-main:nth-child(even) .service-title-text p {padding-left: 24%;}
    .it-banner-text h1 {font-size: 36px;}
    .it-banner-text a {font-size: 22px;}
    .service-main .service-title-text h1 {font-size: 26px;}
    .service-main .service-title-text p, .service-main .service-points span {font-size: 18px;}
    .service-main .service-icon {width: 8%;}
    .header-main .login-part {text-align: right;width: 68%;}
    .right-banner .second-banner-img img {height: 100vh;}
    .banner-main img {height: 100vh;}
    .header-main .logo img {width: 84%;}
    .header-main .logo {width: 10%;}
    .header-main .menu-links {width: auto;}
    .header-main .login-language {width: auto; float: right;}
    .header-main .menu-links .navbar-nav li a {margin-right: 10px;}
    .header-main .login-part a.my-menu::after {right: 10px;}
    .header-main .login-part a.my-menu, .login-part .login-page a {font-size: 12px;}
    h1.section-title {font-size: 34px;}
    .about-main .about-top p {font-size: 22px;}
    .about-bottom-part h3 {font-size: 24px;}
    .about-main .about-bottom .about-part1 p {font-size: 16px;}
    .about-part1 img.about-icon {width: 25%;}
    .before-after-maggy .maggy-text h1 {font-size: 40px;}
    .works-left .text-part h2 {font-size: 24px;}
    .works-left .text-part p {font-size: 16px;}
    .per-month .eur-contant h1 {font-size: 40px;}
    .eur-contant p {font-size: 30px;}
    .testimonials .slider-title a {font-size: 24px;}
    .testimonials .slider-title p, .maggy-slider .slider-contant p {font-size: 16px;}
    .contact-main .left-title h2 {font-size: 24px;}
    .contact-main .contact-left p {font-size: 16px;padding-right: 15px;}
    .my-menu-show {left: 45px;}
    #my-player {height: 100vh;}
    .header-main .language-part {width: 33%;}
    .proposal-main .proposal-form {width: 65%;}
    .login-home-left .top-part p.both-title-detail {font-size: 18px;margin-bottom: 15px;}
    .top-part p.both-title-detail span {font-size: 14px; margin-right: 10px;}
    /*.login-home .midle-part .title-close h2, .login-home-left .top-part .title-close h2 {font-size: 22px;}*/
    .close-polls-main .progress-title p {font-size: 18px;}
    .top-profile .username-profile h3 {font-size: 24px;margin: 0px 0 20px;padding: 0 0 4px 0;}
    .top-profile .profile-user-mail h3 {font-size: 22px;margin-bottom: 10px;}
    .top-profile .profile-user-mail a {margin-bottom: 0;font-size: 18px;}
    .recommend-main h3 {font-size: 20px;}
    .maggy-right-contant h1, .maggy-right-contant h2, .maggy-right-contant h3, .maggy-right-contant h4, .maggy-right-contant h5, .maggy-right-contant h6 {font-size: 34px;}
    .header-main .logo img {width: 100%;}
    .header-main .logo {width: 100px;}
    /*section.subscription_expired {min-height: 335px;}*/
    section.subscription_expired {min-height: 100%;}
    .subscription_expired h5 {padding: 123px 0;}
    
    
}

@media only screen and (max-width: 1199px) {
    
    .header-main .login-part a.my-menu::after {right: 10px;}
    .how-to-pay-detail h1, .how-pay-main .payment-step h2 {font-size: 24px;}
    .how-to-pay-detail p {font-size: 16px;}
    .how-pay-main .payment-step h2 {margin-bottom: 20px;}
    .how-pay-main .payment-detail-inner p {font-size: 16px;padding: 0;}
    .works-left .text-part p {min-height: 88px;}
    .header-main .menu-links .navbar-nav li a {font-size: 12px;margin-right: 10px;}
    .notice-top .contant-title h2 {font-size: 24px;margin-bottom: 10px;}
    .notice-top .contant-title p {font-size: 18px;}
    .notice-top .contant-title label {font-size: 12px;}
    .notice-text-part p {font-size: 18px;}
    .financial-main .financial-inner-main h1 {font-size: 22px;}
    .financial-main .financial-inner-main span {font-size: 14px;margin: 10px 0;}
    .financial-main .financial-inner-main .left-full p {font-size: 18px;}
    .financial-main .financial-price p {font-size: 20px;padding-left: 15px;}
    .financial-main .financial-price p::before {font-size: 22px;}
    .financial-main .financial-invoice select {font-size: 15px;}
    .header-main .menu-links {width: auto;}
    .header-main .login-language {width: auto;float: right;}
    .contact-main .title-contact h2 {font-size: 22px;}
    .get-in-touch a, .contact-main .detail-top p {font-size: 16px;}
    .contact-main .contact-form h3, .contact-main .contact-form form label {font-size: 18px;}
    .header-main .language-part {width: 41%;}
    .header-main .login-part {width: 60%;}
    .all-page-title h1 {font-size: 30px;}
    .login .header-main .login-language {width: 100%;}
    .midle-part .progress-bar-three {width: 80%;}
    .event-popup-part {width: 700px;}
    
    
}

@media only screen and (max-width: 991px) {
    
    .service-main .service-title-text p {padding-right: 0;}
    .service-main .service-title-text p, .service-main .service-points span {font-size: 16px;}
    .service-main .service-inner-main:nth-child(even) .service-title-text p {padding-left: 0;}
    .it-banner-text h1 {font-size: 20px;}
    .it-banner-text a {font-size: 18px;}
    .footer-menu a {font-size: 14px;}
    .footer-main .footer-logo img {width: 130px;}
    .footer-copyright p {font-size: 12px;}
    .how-to-pay-detail p {padding: 0;}
    .how-to-pay-detail {padding: 20px;}
    .how-to-pay-detail h1 {margin-bottom: 10px;}
    .maggy-right .maggy-right-contant li {font-size: 20px;}
    h1.section-title {font-size: 26px;}
    .about-main .about-top p {font-size: 18px;}
    .about-bottom-part h3 {font-size: 20px;}
    .about-main .about-bottom .about-part1 p {font-size: 14px;}
    .works-left .text-part h2 {font-size: 20px;}
    .works-left .text-part p {font-size: 14px;min-height: 80px;}
    .per-month .eur-contant h1 {font-size: 30px;}
    .eur-contant span img {height: 25px;width: 20px;}
    .eur-contant span {height: 30px;}
    .eur-contant img {width: 55px;}
    .eur-contant p {font-size: 20px;}
    .contact-main .left-title h2 {font-size: 20px;}
    .contact-main .contact-left p {font-size: 14px;}
    .contact-main .contact-right::before {height: 265px;}
    .contact-main .contact-right::after {width: 200px;}
    .contact-main .contact-form h3 {font-size: 20px;margin-bottom: 15px;}
    .contact-main .contact-form form label {font-size: 18px;}
    .testimonials .slider-title p, .maggy-slider .slider-contant p {font-size: 14px;}
    .notice-bottom .detail-text a {font-size: 18px;}
    .notice-bottom .detail-text label {font-size: 14px;}
    .notice-main .see-all-btn a {font-size: 20px;}
    .financial-main .price-invoice .financial-invoice {float: none;width: 100%;text-align: right;margin-top: 10px;}
    .financial-main .price-invoice .financial-price {float: none;width: 100%;text-align: right;}
    .financial-main .financial-price p {display: inline-block;}
/*    section.financial-main {padding: 20px 0;}*/
    .financial-main .financial-filter {margin-bottom: 20px;}
    .financial-main .price-invoice .financial-price {text-align: left;}
    .financial-main .price-invoice .financial-invoice {text-align: left;}
    .financial-main .price-invoice {margin-top: 10px;}
    .right-banner .banner-text p {font-size: 16px;}
    .right-banner .video-js button.vjs-big-play-button::after {top: 4px; right: 20px;background-size: 22px;}
    .right-banner .video-js button.vjs-big-play-button {width: 200px;padding: 3px 45px 5px 10px;line-height: normal;font-size: inherit;}
    .vjs-big-play-button .vjs-control-text {font-size: 22px;}
    .works-left .work-part:first-child::after, .works-left .work-part:nth-child(2)::after, .works-left .work-part:nth-child(3)::after {display: none;}
    .proposal-main .proposal-form {width: 100%;}
    .col-sm-9.login-home-left {width: 65%;}
    .col-sm-3.login-home-right {width: 35%;}
    .midle-part .progress-bar-three {width: 100%;}
    .maggy-right-contant h1, .maggy-right-contant h2, .maggy-right-contant h3, .maggy-right-contant h4, .maggy-right-contant h5, .maggy-right-contant h6 {font-size: 26px;}
    .all-page-title h1 {font-size: 26px;}
/*    section.notice-main {padding: 30px 0 0 0;}*/
    
}

@media only screen and (max-width: 768px) {
    
    .profile-offers .profile-img .people-edit {right: 20px;}
    
}

@media only screen and (max-width: 767px) {
    
    .service-main .service-icon {width: 100%;text-align: center;margin-bottom: 20px;}
    .service-main .service-title-text {padding-left: 0;width: 100%;float: none;}
    .service-main .service-inner-main:nth-child(even) .service-title-text {padding-right: 0;}
    .service-main .service-inner-main {padding: 20px;}
    .pay-icon-part .col-sm-4 {margin-bottom: 30px;}
    .payment-step-detail .payment-detail-inner {margin-bottom: 20px;}
    .pay-icon-part .col-sm-4:last-child {margin-bottom: 0;}
    .payment-step-detail .payment-detail-inner:last-child {margin-bottom: 0;}
    .notice-top .left-img-part {float: none;width: 100%;position: relative;}
    .notice-top .right-content-part {float: none;width: 100%;padding: 20px;}
    .notice-top .pin-img {top: 0;right: 0;}
    .notice-top .top-inner-notice:nth-child(even) .pin-img {top: 0;left: 0;}
    .notice-top .top-inner-notice:nth-child(even) .right-content-part {padding: 20px 20px 0;display: inline-block;}
    .notice-bottom .bottom-part {float: none;width: 100%;margin-right: 0;text-align: center;margin-bottom: 30px;}
    .notice-bottom .bottom-part:last-child {margin-bottom: 0;}
    .banner-main img {height: 350px;}
    #my-player {height: 350px;}
    .banner-main .right-banner .banner-text {width: 100%; padding: 0 30px;}
    .right-banner .banner-text p {font-size: 14px;}
    section.about-main {padding: 20px 20px 0;}
    h1.section-title {font-size: 20px;margin-bottom: 10px;padding-bottom: 5px;}
    .about-main .about-top p {font-size: 14px;margin-bottom: 20px;}
    .before-after-maggy .maggy-text h1 {font-size: 26px;}
    .about-bottom-part h3 {font-size: 18px;}
    section.works-main {padding: 20px 0;}
    .works-left .text-part h2 {font-size: 18px;margin-bottom: 10px;}
    .works-left .work-part:first-child, .works-left .work-part:nth-child(2), .works-left .work-part {margin-bottom: 15px;}
    .works-left .text-part p {min-height: 1px;}
    .works-left {padding: 0;width: 100%;}
    .works-contant {display: block;align-items: inherit;}
    .works-right {display: none;}
    .maggy-right .maggy-right-contant li {font-size: 14px;margin-bottom: 10px;}
    section.maggy-right {padding: 20px 0;}
    .per-month .eur-contant h1 {font-size: 20px;}
    .eur-contant p {font-size: 16px;}
    .eur-contant span img {height: 16px;width: 13px;}
    .eur-contant span {height: 20px;}
    .eur-contant img {width: 40px;}
    section.per-month {padding: 30px 20px 20px;}
    section.per-month::before, section.per-month::after {width: 150px;}
    .testimonials .slider-title {margin: 10px 0;}
    section.testimonials-main {padding: 20px;}
    .testimonials-main .inner-section {margin-bottom: 20px;}
    .testimonials-main .inner-section:last-child {margin-bottom: 0px;}
    section.contact-main {padding: 0 20px 20px;}
    .contact-bottom {display: block;align-items: unset;width: 100%;}
    .contact-main .contact-left {width: 100%;margin-top: 20px;}
    .contact-main .contact-right {width: 100%;padding: 20px;margin-top: 20px;}
    .contact-main .contact-form h3 {font-size: 16px;margin-bottom: 10px;}
    .contact-main .contact-form form label {font-size: 16px;}
    .contact-form form input[type="submit"] {font-size: 16px;}
    .testimonials .slider-title a {font-size: 20px;}
    .contact-top .contact-part {margin-bottom: 30px;}
    .contact-top .contact-part:last-child {margin-bottom: 0px;}
    .proposal-form h2 {font-size: 18px;}
    .proposal-form .form-group label {font-size: 14px;}
    .proposal-title h1 {font-size: 30px;margin-bottom: 20px;}
    section.make-proposal-page {padding: 0 20px;}
    .forgot-contant h2 {font-size: 30px; margin-bottom: 15px;}
    .forget-password form.login-form-main {width: 100%;}
    section.forgot-main {padding: 20px;}
    .col-sm-9.login-home-left {width: 100%;}
    .col-sm-3.login-home-right {width: 100%;}
    .profile-offers .top-profile .profile-img {display: inline-block;}
    .header-main .logo {width: 20%;}
    .header-main .menu-links {width: 8%;float: right;margin-left: 10px;}
    .header-main .login-language {width: 70%;}
    .menu-links button.navbar-toggle {top: 12px;right: 0;z-index: 99;margin: 0;}
    .menu-links .navbar-toggle .icon-bar {background-color: #f57d20;}
    .menu-links .navbar-toggle {border-color: #f57d20;}
    .login-dropdown li:not(:last-child) a {font-size: 12px;}
    .menu-links #myNavbar {position: fixed;height: 100vh;background-color: rgba(0, 0, 0, 0.8);top: 0;right: 0;z-index: 9;width: 50%;padding: 0;margin: 0;}
    .menu-links .navbar-nav li {display: block;}
    .menu-links ul.nav.navbar-nav {margin: 0;}
    header {padding: 10px 20px;}
    .menu-links ul.nav.navbar-nav {position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
    .header-main .menu-links .navbar-nav li a {font-size: 20px;}
    .maggy-right-contant h1, .maggy-right-contant h2, .maggy-right-contant h3, .maggy-right-contant h4, .maggy-right-contant h5, .maggy-right-contant h6 {font-size: 20px;}
    .all-page-title h1 {margin-bottom: 15px;}
    .login .header-main .login-language {margin-right: 10px;} 
    .login .header-main .login-language {width: auto;}
    .header-main .menu-links nav.navbar {padding: 0;}
    .header-main .login-language {padding-top: 15px;}
    .banner-main .right-banner .banner-text {width: 100%;}
    #my-player video {height: 100%;}
    .banner-main .left-banner {float: none;width: 100%;}
    .banner-main .right-banner {float: none;width: 100%;padding-left: 0;margin-top: 10px;}
    .banner-main .left-banner img {height: 100%;width: 100%;}
    .login-home .login-home-right .profile-offers {height: 100%;}
    .after-login-home .login-home-left .top-part {padding: 20px 5px;margin-bottom: 0;}
    .after-login-home .midle-part {padding: 20px 5px;}
    .subscription_expired h5 {padding: 180px 0;font-size: 20px;}
    .detail_notice p {font-size: 16px;}
    .notice_icon_main .notice_icon_inner {margin-bottom: 20px;}
    .col-sm-12.login-home-left {width: 100%;}
    .financial-inner-main table {width: 100%;}
    .financial-main-logo.col-sm-4 {text-align: center;margin-bottom: 20px;}
    .all-page-title.col-sm-4 {margin-bottom: 20px;}
    .wall-same-link.col-sm-4 {text-align: center;}
    .wall-same-link a {font-size: 18px;margin-bottom: 20px;}
    section.financial-main {padding: 20px;}
    .financial-inner-main td {font-size: 14px;}
    .financial-inner-main th {font-size: 16px;}
    .event-popup-part {width: 90%;}    
    .wall-off-shame-popup-overlay p.alert.alert-danger {top: 135px;}
    .banner-main .right-banner {height: 100%;}
    
}

@media only screen and (max-width: 640px) {
    
    .service-main .service-icon img {width: 20%;}
    .service-main .service-icon {margin-bottom: 10px;}
    .service-main .service-title-text h1 {font-size: 18px;margin-bottom: 10px;}
    .service-main .service-title-text p, .service-main .service-points span {font-size: 13px;margin-bottom: 5px;}
    .service-main .img-text {margin-bottom: 10px;}
    .service-main .service-inner-main:nth-child(even) {text-align: left;}
    .it-banner-text h1 {font-size: 12px;}
    .it-banner-text a {font-size: 12px;margin-top: 10px;}
    .footer-menu li {display: block;margin-right: 0;margin-bottom: 15px;}
    .footer-menu li:last-child {margin-bottom: 0;}
    .how-to-pay-detail h1, .how-pay-main .payment-step h2 {font-size: 20px;}
    .how-to-pay-detail p {font-size: 14px;}
    .how-pay-main .payment-detail-inner p {font-size: 14px;}
    .how-pay-main .payment-step {padding: 20px;margin: 20px 0;}
    .footer-copyright p {padding: 0 30px;}
    .how-to-pay-icons {padding: 20px;}
    .notice-top .contant-title h2 {font-size: 18px;}
    .notice-top .contant-title label {margin-bottom: 10px;}
    .notice-top .contant-title p {font-size: 14px;}
    .notice-text-part p {font-size: 14px;padding: 0;}
    .top-inner-notice:nth-child(even) .notice-text-part p {padding-right: 0;padding-left: 0;}
    .notice-top .top-inner-notice {margin-bottom: 0;}
    .notice-bottom .detail-text a {font-size: 16px;margin: 5px 0;}
    .notice-bottom .detail-text label {font-size: 12px;}
    .financial-main .financial-inner-main h1 {font-size: 16px;}
    .financial-main .financial-inner-main span {font-size: 12px;}
    .financial-main .financial-inner-main .left-full p {font-size: 14px;}
    .financial-main .financial-price p {font-size: 16px;}
    .financial-main .financial-price p::before {font-size: 17px;}
    .financial-main .financial-part {padding: 20px;}
    .financial-main .financial-filter {padding: 0 20px;}
    .financial-filter select {font-size: 16px;}
    .banner-main .left-banner {float: none;width: 100%;}
    .banner-main img {height: auto;}
    .right-banner .banner-text p {font-size: 12px;}
    h1.section-title {font-size: 15px;}
    .about-bottom-part h3 {font-size: 14px;}
    .before-after-maggy .maggy-text h1 {font-size: 20px;}
    .before-after-maggy .before-maggy.commen-maggy {padding-right: 0;}
    .before-after-maggy .after-maggy.commen-maggy {padding-left: 0; padding-top: 10px;}
    .before-after-maggy .commen-maggy {float: none;width: 100%;}
    .testimonials .slider-title a {font-size: 18px;}
    .contact-main .title-contact h2 {font-size: 18px;}
    .get-in-touch a, .contact-main .detail-top p {font-size: 13px;}
    .contact-top .contact-part {margin-bottom: 20px;}
/*    .contact-main .write-us .contact-right {margin: 20px auto 0;}*/
    .proposal-form h2 {font-size: 15px;}
    .proposal-title h1 {font-size: 26px;margin-bottom: 15px;}
    .proposal-form .form-group label, .drag-title label {font-size: 12px;}
    form .drag-file p {font-size: 12px;}
    .forgot-contant h2 {font-size: 26px;}
    .login-home-left .top-part h2 {font-size: 17px;}
    .building_sub_details p {font-size: 14px;}
    .top-part p.both-title-detail span {font-size: 13px;margin: 0;}
    .login-home-left .top-part p.both-title-detail {font-size: 16px;}
    .top-part .select-proposal p {font-size: 14px;margin-bottom: 10px;}
    .top-part .select-proposal .chose-any label {min-width: 215px;font-size: 14px;}
    .select-proposal .submit-btn input[type="submit"] {margin-top: 10px;}
    .login-home .midle-part .title-close h2, .login-home-left .top-part .title-close h2 {font-size: 20px;}
    .login-home .close-polls-main .select-polls {padding-left: 15px;}
    .login-home .midle-part .select-polls select {font-size: 16px;}
    .login-home .closed-polls-title {margin-bottom: 10px;}
    .close-polls-main .progress-title p {font-size: 14px;}
    .progress-inner label {font-size: 15px;}
    .close-polls-main .login-after-progress {margin-bottom: 15px;}
    .top-profile .username-profile h3 {font-size: 18px;}
    .top-profile .profile-user-mail h3 {font-size: 18px;margin-bottom: 0;}
    .recommend-main {margin-top: 15px;}
    .recommend-main h3 {font-size: 18px;margin-bottom: 15px;}
    .top-profile .view-offer {margin: 15px 0;}
    .view-offer a {font-size: 16px;}
    .more-querie h3 {font-size: 16px;margin-bottom: 15px;}
    .menu-links #myNavbar {width: 100%;}
    .login-dropdown li a.my-menu {margin-right: 5px;font-size: 10px;}
    .login-dropdown li a.my-menu::after {font-size: 16px;right: 10px;}
    .select-language label {font-size: 12px;}
    .select-language::after {font-size: 16px;}
    .header-main .logo {width: 80px;}
    .header-main .menu-links {width: auto;}
    .login-dropdown li:not(:last-child) a {font-size: 10px;margin-right: 5px;}
    .my-menu-show {top: 37px;}
    .login-form {top: 37px;}
    .header-main .login-language {width: auto;margin-right: 10px;}
    .show-language {top: 37px;}
    .login-dropdown .show-language li a {font-size: 10px;}
    .login-dropdown li .my-menu-show li a {font-size: 12px;}
    .maggy-right-contant h1, .maggy-right-contant h2, .maggy-right-contant h3, .maggy-right-contant h4, .maggy-right-contant h5, .maggy-right-contant h6 {font-size: 15px;}
    .all-page-title h1 {font-size: 20px;}
    .notice-top {padding: 0;}
/*    section.notice-main {padding: 20px 0 0 0;}*/
    a.bk_top {bottom: 80px;}
    a.bk_top.scrolled {right: 10px;bottom: 50px;}
    .login-form {right: -100px;}
    .progress-part a {width: 100%;margin: 0 0 10px 0;}
    .financial-inner-main table {width: 600px;}
    .wall-off-shame-popup-overlay table {width: 600px;}
    
}

@media only screen and (max-width: 480px) {
    
    .header-main .login-language {padding-top: 8px;}
    .header-main .logo {padding-top: 6px;}
    .menu-links button.navbar-toggle {top: 16px;}
    .header-main .menu-links nav.navbar {min-height: auto;}
    .login .header-main .logo {width: 80px;}
    .login-form {right: -110px;width: 270px;}
    .header-main .login-language {width: 100%;margin: 0;}
    .login .header-main .login-language {padding-top: 16px;margin-right: 0;width: 100%;}
    .login-dropdown > ul {text-align: center;}
    .content-page h4 {font-size: 20px;}
    .banner .vjs-big-play-button .vjs-control-text {font-size: 18px;}
    .right-banner .video-js button.vjs-big-play-button {height: 38px;}
    .right-banner .video-js button.vjs-big-play-button::after {top: 0;}
    .wall-off-shame-popup-overlay p.alert.alert-danger {top: 155px;}
}