@media (max-width: 1280px){

}

@media (min-width: 992px){

}

@media(max-width: 1199px){

/*login**/
.account-content{width:100%;padding:0 40px;padding-top:20px}
.account-content h3{font-size:32px}
.account-content p{font-size:14px}
.about-quibble-right img{width:88%}
.team-quibble,.meet-the-founders{padding:30px 0 50px}
.meet-the-founder-box{padding:30px 30px}
.main-inner-heading h2{font-size:30px}
.meet-the-founder-head{padding-bottom:20px}
.meet-the-founder-right{padding-left:30px}
.think-about{padding:20px 0 50px}
.title-name-up{font-size:14px}
.title-name-up{font-size:12px}
.user-registarion{font-size:13px}
.price{font-size:18px}
.calander-box figcaption p{font-size:10px}
.calander-box figcaption p{font-size:10px}
.accounts-page-box-right figure img{width:70%}
.title-ancor a{margin:0 5px}
.footer-left-content{color:#dbdbdb;font-size:14px;padding-right:50px}
.inner-body{padding-top:0}
.about-top h2{width:90%;margin:auto}
.about-top h2,.inner-page-sub-title{font-size:28px}
.about-main{padding-bottom:30px}
.footer-social{flex-wrap:wrap}
.col-md-3.footer-content{padding-left:0}
.hide-menu{width:375px}
ul.navbar-nav li a.nav-link{padding:16px 40px!important;font-size:20px}
.nav-link:after{left:12px;top:19px;width:15px;height:15px; top: auto;}
.navbar-nav a#close{top:15px;right:15px}
.hide-menu{padding-top:70px}
.paid-position{font-size:10px}
.small-btn{width:180px}
.calander-box{flex:1}
.upcoming-box-R-middle{padding-top:10px}
.upcoming-box-R-middle{flex-wrap:wrap}
.calander-box{width:50%;margin-bottom:9px;flex:initial}
.upcoming-footer{margin-top:5px}

.common-bg-form.signup-form{padding:0 40px}
span.green-shape-left img{width:60%}
.avtar-title h3{font-size:28px}
.shape-2{position:absolute;right:-35px;top:100px}
span.shape-2 img{width:56%}
span.shape-1 img{width:76%}
.inner-banner-box-L h2{font-size:35px}
.terms-policy-content{padding-bottom:0}
.common-modal .close{position:absolute;right:12px;top:8px;opacity:1}
h5.modal-title{margin-bottom:20px}
.streeks-details-R-head h2{font-size:28px}

.tabs-comm li.nav-item:after{display:none}
.tab-content.mt-5.pt-4{padding-top:0!important;margin-top:30px!important}
.inner-title{font-size:34px;padding-bottom:20px}
.inner-title{font-size:28px;padding-bottom:20px}
.small-btn{width:180px;font-size:15px}
.cureent-title{font-size:20px}
.common-btn{font-size:15px}
.tabs-comm .nav-item .nav-link{font-size:15px;padding:15px 0}
.space-home{padding-top:55px;padding-bottom:25px}
.nav-tabs .nav-item{padding:0 5px}
.payout li{font-size:14px}
}


@media(max-width: 991px){

/*----responsive-side-menu----*/
.common-bg-form{width:80%}
.form-box{margin-top:15px}
.bottom-text{margin-top:15px;font-size:14px!IMPORTANT}
.middle-images img{width:260px}
.account-content h3{font-size:24px}
.account-content p{font-size:12px}
.about-inner{flex-wrap:wrap}
.about-inner-left{width:100%}
.about-inner-right{flex:inherit;z-index:9;order:1}
.about-inner-left{width:100%;order:2;text-align:center;margin:auto}
.about-inner-right{margin:auto;margin-bottom:30px}
.about-top figure img{height:auto}
.upcoming-box{flex-wrap:wrap}
.upcoming-box-R{flex:initial;width:100%}
.upcoming-box-L{text-align:center;margin:auto;margin-bottom:20px}
.upcoming-box-main{padding:20px 19px}
.small-btn{width:130px;min-width:auto;height:40px;font-size:14px}
.upcoming-box-R-middle{padding-bottom:0}
.space-home{padding-top:65px;padding-bottom:25px}
.footer-menu{padding:45px 0 30px 0}
.serch-box input{width:400px}
.banner-title{font-size:30px}
.inner-banner-main{margin-bottom:40px}

span.green-shape-left img{width:45%}
.common-bg-form.signup-form{padding:0}
.our-team{padding-top:0}
.main-inner-heading p{z-index:1;position:relative}
.about-top h2,.inner-page-sub-title{font-size:24px}
.about-main{padding-bottom:0}
.our-mission.row{padding-top:0;padding-bottom:25px}
.shape-1{bottom:-33px}
.inner-banner-box-L p{font-size:16px}
.inner-banner-box-R img{width:320px;height:280px}
.contact-us-left{padding:30px 25px 18px}
.contact-us-left{width:335px}
.contact-us-right{padding:35px 30px 50px}
.map-box{padding-top:35px;padding-bottom:20px}
.map-box iframe{height:230px}
.map-box{border-radius:0}
.streeks-details-left img{width:330px;height:330px}
.streeks-details-R-head{padding-top:0}
.streeks-details-left img{margin-right:20px}
.streeks-details-R-head h2{font-size:22px}
.streeks-details-right{flex:1;padding-top:15px}
.calander-body .calander-box figcaption h6{font-size:11px}
figcaption.streeks-details-right .mt-4.pt-2{margin-top:10px!IMPORTANT}
.participants-box{margin-bottom:20px}

.upcoming-calender{flex-wrap:wrap}
.upcoming-calender .calander-box{width:50%}
.transaction-history-box-L h4{font-size:14px}
.transaction-history-box-L small{font-size:13px}
.transaction-history-box-R h5{font-size:14px}
.transaction-history-box{margin-bottom:16px}
.questions-blog{font-size:16px;line-height:28px}
.questions-answred p{padding-bottom:15px;font-size:18px}
.questions-head h3{font-size:28px}
.questions-blog-content{font-size:15px}
.radio-design{padding:10px 20px}
.questions-blog-content.question-flex span{margin-right:10px}
.calander-box-main .calander-box{padding:0 15px}
.calander-box{flex-wrap:wrap}
.hours-btn.small-hours{height:auto;width:auto;margin-top:10px}
.calander-box{flex-wrap:wrap}
.calander-box-main{align-items:flex-start}
.calander-box-main .calander-box{margin-bottom:5px}
.questions-b-box{margin-bottom:30px}



}

@media(max-width: 767px){
 
.upcoming-box{flex-wrap:initial}
.accounts-page-box{flex-wrap:wrap}
.accounts-page-box-left{width:100%}
.accounts-page-box-left,.accounts-page-box-right{flex:initial}
.accounts-page-box-right{order:1;justify-content:flex-end;margin-bottom:40px}
.accounts-page-box-left{order:2}
.account-content{display:none}
.title-ancor{justify-content:center}
.bottom-text{text-align:center}
.accounts-page-box{flex-wrap:wrap;background:transparent;padding:0}
.accounts-page-box-left {
    background: transparent;
}
.common-bg-form{margin-top:0}
.accounts-page-box-left{   background: #000;}
.top-from-headning h3{color:#fff}
.top-from-headning p{color:rgb(255 255 255 / 76%)}
label.coustom-check-box p{color:#fff}
.coustom-check-box input:checked~.checkmark{background-color:#1ab024}
.checkmark{background-color:#fff}
.bottom-text{color:#fff}
.accounts-page-box-left{justify-content:flex-start}
.common-bg-form{width:90%}
.top-from-headning{text-align:center}
.home-title{font-size:28px}
.space-inner{padding:50px 0 0}
.user-registarion{font-size:11px}
.footer-menu{padding:38px 0 38px 0}
.footer-content{padding-left:15px!important;margin-top:30px}
.col-md-3.footer-content{flex:0 0 50%}
.col-md-6.footer-content{margin-top:0}
.space-home{padding-top:70px;padding-bottom:20px}
.inner-banner-img figure img{height:215px}

.green-shape-left{display:none}
.accounts-page-box-right.profile-L{background:transparent}
.avtar-title h3{color:#fff}
.form-control{height:40px!important}
.input-btn{height:40px}
.avtar-title h3{font-size:25px}
.avatar-upload .avatar-preview{width:125px;height:125px;border-radius:100%;margin-bottom:10px;background:#fff}
.avatar-edit{right:5px;bottom:15px}
.row.our-team-inner .col-md-3{flex:0 0 50%;margin-bottom:30px;max-width:50%}
.inner-body{padding-bottom:25px}
.inner-banner-box-R img{width:230px;height:200px}
.inner-banner-box-L{width:55%}
.inner-banner-box-L h2{font-size:30px}
.inner-banner-box-L p{font-size:15px;line-height:1.7}
.contact-us{flex-wrap:wrap}
.contact-us-left{width:100%}
.contact-title{padding-bottom:15px}
.contact-us-right{padding:25px 30px 35px}
.contact-info-list{padding-top:25px}
.common-modal{padding-left:0!important;margin:auto;width:85%}
figure.streeks-details-left{flex:0 0 30%;height:auto}
.streeks-details-left img{width:100%;height:auto}
.streeks-details-right{flex:1;padding-top:0;margin-left:20px}
.streeks-details-R-head h2{font-size:18px}
.publish{font-size:15px}
figcaption.streeks-details-right .mt-4.pt-2{margin-top:0!IMPORTANT;padding-top:0!important}
.calander-body .calander-box{padding-right:0}
.payout ul{flex-wrap:wrap;justify-content:flex-start}
.payout li{font-size:13px;margin-bottom:10px;margin-right:10px}
.inner-title{padding-bottom:25px;font-size:28px}

.tabs-comm{overflow:auto}
.nav.nav-tabs{width:700px}
.header-tabs.header-tabs-space{padding:40px 0 0}
.tabs-comm .nav-item .nav-link{font-size:15px;padding:10px 0}
#myTabContent .upcoming-box-L{margin:inherit}
#myTabContent .upcoming-box-main{padding:20px 19px;margin-bottom:15px}
.list-box-botton{margin-top:25px}
.list-box-botton li{margin:0 15px 0}
.streeks-details-body.mt-5{margin-top:10px!IMPORTANT}
.questions-blog{font-size:15px;line-height:25px}
.calander-box-main .calander-box figcaption h6{font-size:13px}
.user-name-blog-L figcaption h3{font-size:22px}
.user-name-blog-L figure{width:75px;height:75px}
span.green-shape-top{display:none}


section.accounts-page {
    height: 100%;
    background: #000;
}
.accounts-page-box{    height: initial;}
.walletBox a span {
    font-size: 11px;
    white-space: nowrap;
    overflow: auto;
    width: 40px;
}

}



@media(max-width: 575px){
.upcoming-box{flex-wrap:wrap}
.hide-menu{width:300px}
ul.navbar-nav li a.nav-link{padding:12px 40px!important;font-size:16px}
.nav-link:after{top:auto;}
.main-inner-heading h2{font-size:24px}

.inner-banner-box-R img{width:230px;height:175px}
.inner-banner-box-L h2{font-size:24px}
.inner-banner-box-L p{font-size:14px;line-height:1.7;padding-top:8px}
.contact-info-list li{margin-bottom:18px}
.contact-info-list li a{font-size:14px}
.contact-us-right{padding:25px 25px 35px}
.inner-banner-main{margin-bottom:25px}
.common-modal .modal-content{padding:20px 25px 35px}
.common-modal .modal-content{padding:40px 25px 35px}
h5.modal-title{font-size:22px}

.streeks-details{flex-wrap:wrap}
.streeks-details-right{flex:initial;padding-top:0;margin-left:0;width:100%}
.streeks-details .big-btn{width:100%}
figure.streeks-details-left{flex:0 0 30%;height:auto;text-align:center;margin:auto;margin-bottom:20px}
.participants-box figure{width:60px;height:60px;margin-right:10px}
.participants-box figcaption h3{font-size:16px}
.participants-box{margin-bottom:10px}

.cureent-title{font-size:18px}
.current-total-bal .common-btn{min-width:120px;height:38px}
#myTabContent .upcoming-box-L{margin:auto;margin-bottom:20px}
.enter-key-withdraw{width:100%}
.cureent-title{font-size:13px}
.withdraw-form{width:100%}
.calander-body.mt-4{margin-top:10px!IMPORTANT}
.price-streeks{font-size:25px}
.view-participation{font-size:15px}
.questions-head p{font-size:16px}
.answer-blog{flex-wrap:wrap}
.answer-blog label.radio-design{width:100%;margin-right:0}
.calander-box-main{flex-wrap:wrap}
.hours-btn.small-hours{display:block;width:100%;text-align:center}


}

@media(max-width: 480px){
.top-from-headning h3{font-size:24px}
.common-bg-form{width:95%}
.comm-bg-circle{margin-left:7px;height:35px;width:35px;font-size:18px}

.home-title{font-size:24px;padding-bottom:25px}
.space-inner{padding:35px 0 0}
.upcoming-box-main{padding:20px 15px}
.serch-box input{width:100%}
.banner-title{font-size:26px}
.space-home{padding-top:65px;padding-bottom:20px}
.inner-banner-img figure img{height:185px}

.about-inner-right img{width:100%;height:auto}
.main-inner-heading h2{font-size:26px}
.main-inner-heading p{font-size:14px}
.about-top h2,.inner-page-sub-title{font-size:22px}
.row.our-team-inner .col-md-3{flex:0 0 100%;margin-bottom:20px;max-width:100%}
.inner-top-padding{padding:108px 0 0;}
.inner-banner-box-R img{width:210px;height:130px}
span.shape-2 img{width:35%}
.shape-2{position:absolute;right:-75px;top:115px}
.shape-1{display:none}
span.shape-3{width:30%;    bottom: 0;}
.shape-4{position:absolute;right:35px;bottom:60px;width:13%}
.combine-group .form-group{margin-bottom:10px}
.contact-us-right .common-btn{min-width:100%}
.inner-banner-box-L h2{font-size:20px}
section.terms-policy.mt-5{margin-top:0!important}
.inner-banner-box-L p{font-size:13px;line-height:1.4}
.common-modal{width:95%}

.title-steek-details{font-size:16px}
.notification-blog{min-width:100%}
.notification-blog-head{padding:18px 20px 18px;margin-bottom:0}
.notification-blog-head h4{font-size:18px}
.see-all{font-size:14px}
.notification-list li figure{width:40px;height:40px;margin-right:10px}
.notification-list figcaption p{font-size:12px}

.inner-title{padding-bottom:15px;font-size:25px}
.nav-tabs .nav-item{padding:0 10px}
.header-tabs.header-tabs-space{padding:35px 0 0}
.tabs-comm .nav-item .nav-link{font-size:14px}
.small-btn{font-size:13px}
.withdraw-title{padding-top:0!important}
.withdraw-title{font-size:22px}
.streeks-details-body.mt-5{margin-top:10px!IMPORTANT}
.list-box-botton{margin-top:0}
.list-box-botton li{width:130px;height:105px;margin:0 5px 0}
.list-box-botton figcaption h4{padding-top:10px;font-size:14px}
.payout{margin-bottom:15px}
.questions-head{margin-bottom:25px}
.user-name-blog{flex-wrap:wrap}
.user-name-blog-R{margin-top:20px}
.navbar-brand{width: 100px; margin-right: 5px;}
.walletBox a span{font-size: 11px;}
.walletBox a span{font-size: 11px;}
.walletBox a{padding:9px;}
.profileImageBox a{width: 35px; height: 35px;}
.comm-bg-circle{margin-left: 5px;}
.common-btn{min-width: 115px;}

.inner-body{padding-top: 50px;}
.about-top figure img{margin-top: 0;}
.common-heading.text-center.mb-5{margin-bottom: 15px !important;}
.nav.nav-tabs{width: 100%;}

.tool-tip-box i {
    font-size: 20px;}




}