/*@media only screen and (min-width: 320px) and (max-width: 767px) {*/

@media (max-width: 767px) {

/*backend page*/

.content-wrapper { }

.layout-sidebar { height: unset;}
.layout_form { padding: 30px 25px;}
.layout-text h2 { font-size: 26px; margin-bottom: 15px;}
.form_alt { margin-top: 40px;}

.layout-text p { width: 100%;}
.account_form .form-group { padding-bottom: 15px;}
.image-upload-card {margin-bottom: 20px;}
.vertical-category {padding-bottom: 30px;}

/*.creatorCards {
    justify-content: center;
    gap: 4px !important;
}*/
.creatorBox {
    width: 120px;
    padding: 10px;
}
.creatorBox h5 { font-size: 20px;}

.searchHome .search-boxs {
     width: calc(100% - 10px);
}

/*end*/


/*same css new banner*/

.newCustomBanner {
    min-height: 250px;
    padding-top: 110px;
}

.innerCustomBanner{
  min-height: 180px;
  padding-top: 110px;
}





/**/
.banner_content h1 { font-size: 32px;}
.banner_content p { width: 100%;}
.banner_content { min-height: 380px;padding-top: 60px;}
.search-boxs {
    padding: 20px 0;
    margin: 0;
    width: 100%;
}

.search-boxs .search-btn { padding: 18px 0;}
.custom_space {  padding: 40px 0;}
.seeAll-btn { width: 145px; font-size: 16px; margin-top: 5px;padding: 15px 30px;}
.custom-content h2 { font-size: 28px;}


.homeFeedGroup {
    padding-top: 90px !important;
}
/*  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }*/
  
/*smae css*/
.followers-pagination {
    padding-top: 30px;
}


.account_inputBody .seeAll-btn, 
.createPostBtn .seeAll-btn { width: 100%;}

.works-group .custom-content { padding-bottom: 30px;}

.destination-title h3 { font-size: 20px;}
.destination-title .flag-icon {top: 5px;}
.aboutUs .custom-content { padding-left: 0px;}
.newsletter-content h3 { font-size: 22px; text-align: center;}
.newsletter-content { padding: 30px 20px; bottom: -19px; margin: 0; border-radius: 60px;}
.newsletter-content .get-btn { padding: 10px 40px; font-size: 16px; display: inline-block; margin-top: 20px;}
.social-icons a { padding: 6px 10px; display: inline-block;}
.footer-inner ul li { padding-bottom: 10px;}
.footer-inner h6 { font-size: 20px; margin-bottom: 10px;}
.footer-logo p { margin-bottom: 0px;}
.Download-text { padding-left: 0px;}
.footer-inner { padding-top: 50px; padding-bottom: 20px;}
.footer-middle { padding-bottom: 0px;}
.footer-bottom { padding: 15px 10px; margin: 0 !important;}
.inner-bannerPg .banner_content { min-height: 290px;}
.contact-details h5 { font-size: 16px;}
.contact-details h2 { font-size: 28px; margin-bottom: 20px;}
.contact-details { padding: 50px 30px; border-radius: 30px; margin-bottom: 30px;border: 1px solid #37B9C5;}
.contact-img {border-radius: 30px;}
.contact-img img { min-height: 400px;}

.our-app,
.contactUs,
.brand-place
 { padding-bottom: 20px;}

.name-info { padding-left: 10px;}
.post-category { padding: 5px; font-size: 15px;}

.custom_space.featured .custom-content p { width: 95%;margin-bottom: 0px;}
.category-market .custom-content { padding-bottom: 30px;}
.brand-card-box, 
.category-card-box { margin: 0px; margin-top: 20px;}
.category-wrapper { padding-bottom: 40px;}
.filter-coll { margin-bottom: 30px;}
.filter-coll h4, 
.creatorSingle-content h3 { font-size: 22px;}

.landing_content { min-height: 540px; padding-top: 90px; padding-bottom: 50px;}
.landing_content h1 { font-size: 32px;}
.landing_content h3 { font-size: 22px; margin-bottom: 20px;}
.landing_content p { font-size: 16px; width: 100%;}
.steps_items { width: 100%;}
.steps_items:before {display: none;}
.shareitem { padding-right: 20px;}

.postSingle-card { padding: 30px 20px;}
.postSingle-card .profile-info img { width: 90px; height: 90px;}
.post-name { font-size: 20px;}
.postSingle-card hr { margin-bottom: 24px;}
.gallery-thumb { padding-bottom: 20px;}
.postSingle-card .post-share { padding-bottom: 15px;}
.comment-text { padding-right: 15px;}
.post-comments { padding-bottom: 40px;}
.postReply-box button { width: 50px; min-height: 50px;}

.singular_content { min-height: 180px;}
.singular-customText h2 {font-size: 28px;}
.myPost-btn { padding: 10px 20px;}

.profile-container { padding: 0 15px;}
.profile-row { padding: 20px;}
.profile-customText {padding: 30px 10px; margin-bottom: 25px;}
.follow-card a { padding: 20px 22px;}
.profile-btns a { padding: 15px 20px;}
.profile-list li a {font-size: 18px;}

.follow-group .singular-customText { padding-bottom: 30px;}
.follow-search { margin-top: 25px;}
.follow-search input { padding: 15px 27px;}
.follow-search button { padding: 15px 35px;}
.followers-pagination ul li a { font-size: 13px; padding: 8px; margin: 0 4px; width: 35px; height: 35px;}
.followers-pagination ul li .page-link { padding: 5px; margin:5px; width: 30px; height: 30px;}

.settings-wrapper p {width: 90%;}
.settings-wrapper h4 { font-size: 24px;}

.brandImage {height: 220px;}
.feature-image img { margin-bottom: 20px; min-height: 130px;}

.groupList-row { margin-bottom: 15px;}
.brand-card-list { padding: 15px;}
.brand-member img { width: 45px; height: 45px;}
.brand-member li a.badge-count { width: 45px; height: 45px;}

.createGroup_search { flex-wrap: wrap;}
.createGroup_search .follow-form { width: 100%;}
.createGroup-btns .seeAll-btn { padding: 10px 15px;}

.createGroup_content { padding: 15px;}
.createGroup-header h5 { font-size: 24px;}
.createGroup-header p { width: 100%;}
.account_inputBody .seeAll-btn { width: 270px;}
.createGroup-header button.btn-close { top: 14px; font-size: 14px; right: 15px;}
.feed-group .postItem-card { min-height: unset;}
.feed-group .postItem-card .post-share { position: unset;padding-top: 15px;}

.collaborationAgreement .creatorGroups-card {
    padding: 25px;
}
.signatureBlock {
    padding-bottom: 5px;
}

.profile-info img {
    width: 50px;
    height: 50px;
}
.profile-info h5,
.postItem-subText  {
    font-size: 18px;
}
.shareitem button {
    font-size: 20px;
}

.shareitem button img {
    max-width: 25px;
}
.post-date {
    font-size: 14px;
}




/**/


.stepCaret-item { justify-content: flex-start !important; margin-top: 25px;}
/*.stepCaret-item .stepCreator {margin-left: 0px; margin-right: 15px;}*/
.invite-platform { padding: 20px 10px;}
.creator-statTile { padding-bottom: 20px; margin-bottom: 20px;}
.campaignvideoModal iframe { height: 40vh;}
.customModal-content { padding: 35px 20px;}
.hashtag-card ul li { padding: 10px 15px; font-size: 15px; margin-right: 10px; margin-bottom: 10px;}
.creator-brandTabs { flex-direction: row;flex-wrap: nowrap; overflow: auto;border-bottom: 2px solid #e5e5e5;}
.creator-brandTabs li.creator-items {border-bottom: 0px solid #e5e5e5;}
.creator-brandTabs li button.nav-link { white-space: nowrap;}

.homePostImg .item img {
    height: 85px;
}
.videoIcons {
    right: 13px;
    width: 25px;
    height: 25px;
    bottom: 20px;
}







}






@media only screen and (min-width: 320px) and (max-width: 991px) { 


/*backend page*/

.register-sidebar { height: unset;}

/**/

.follow-item {
    padding: 15px;
}


.header_top nav.navbar {padding: 0px !important;}
.container { padding: 0 15px;}
.headerBar { padding: 10px 15px;border-radius: 0px;}
.headerBar ul.navbar-nav {
    align-items: start !important;
    flex-direction: column-reverse;
    padding-top: 10px;
}

.fastOutherMenus {
    align-items: start !important;
    flex-wrap: wrap;
    padding-top: 10px;
}
.outherMenus li {
    margin-right: 10px;
}

.headerBar ul.navbar-nav li.nav-action a {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.headerBar ul.navbar-nav li.nav-action a img {
    max-width: 20px;
}
.headerBar ul.navbar-nav li a.navProfile-user img {
    width: 40px;
    height: 40px;
}
.account_inputBody textarea,
.account_inputBody input, 
.account_inputBody select {
    font-size: 16px;
    padding: 15px 20px;
}
.createGroup_content .vertical-lists {
    margin-top: 15px;
}


.headerBar ul.navbar-nav li {margin-left: 0px; width: 100%;padding-top: 5px; padding-bottom: 10px;}
.btn-login, .btn-createPost { padding: 10px 30px;}
.btn-signup { padding: 10px 25px !important;}
.headerBar ul.navbar-nav li ul.dropdown-menu { width: 100% !important;}
.headerBar button.navbar-toggler { border: 1px solid #3bc0cc; padding: 8px; box-shadow: none !important; color: #3bc0cc; width: 35px;}
.header_top nav.navbar .logo img { max-width: 110px;}
.app-img { padding-top: 40px; text-align: left;}

div#navbarSupportedContent {
    display: none;
}
#navbarSupportedContent.show {
    display: block;
}
.layout-sidebar {
    height: unset;
}
.singular_content { padding-top: 85px;}
.works-item,
.postItem-card { padding: 15px;}
.works-item h3 { margin-bottom: 10px; margin-top: 15px;}
.works-group .custom-content p,
.feed-group .custom-content p { width: 100%;}

.custom-card-box { margin-bottom: 25px;}
.brand-detail h3 { font-size: 22px; margin-bottom: 5px;}
.brand-card-box { padding: 10px;}
.brand-detail { padding: 15px 0;}

.creatorSingle-content { padding-left: 0px; padding-top: 30px;}
.creatorSingle-content h3 { padding-bottom: 5px;}
.creatorSingle-info { padding-bottom: 20px;}
.creatorSingle-info hr { margin: 10px 0 20px 0;}
.custom_space_bottom {
    padding-bottom: 35px;
}
.brand-card-list .profile-info h5 { font-size: 18px; padding-bottom: 0px;}

.creatorCards {
    justify-content: center;
    gap: 4px !important;
    padding-top: 20px;
}


/**/

.creatorGroups-card {padding: 30px 15px;}
.campaign-card h4 { font-size: 16px; margin-top: 15px;}
.campaign-card p { margin-bottom: 10px;}
.campaign-card { padding: 20px;}
.formIn-title, .campaign-card h3, .creatorInformation-head h3 { font-size: 18px;}
.createUpload-file .image-upload-card { height: 150px;}
.creator-statTile .seeAll-btn {
    font-size: 14px;
    line-height: 16px;
}
.groupJoin-btns .seeAll-btn {
    width: 110px;
    padding: 15px 20px;
}
div#groupInviteCreatorList_container .followers-pagination {
    padding-bottom: 40px;
}
.campaign-video-card .play-icon { width: 40px; height: 40px; font-size: 20px;}
.creatorInvite  .seeAll-btn { margin-top: 20px;}
.account_inputBody { padding-bottom: 15px;}


.headerBar .nav-item.dropdown ul.dropdown-menu {
    display: none !important;
}

.headerBar .nav-item.dropdown ul.dropdown-menu.d-show {
    display: block !important;
}

.createGroup_content, .reportPostModal .modal-content {
    padding: 30px 30px;
}





}


@media only screen and (min-width: 992px) and (max-width: 1024px) { 

.headerBar ul.navbar-nav li {margin-left: 13px;}
.headerBar ul.navbar-nav li.nav-action a {padding: 4px; width: 40px;height: 40px;  font-size: 20px;}
.headerBar ul.navbar-nav li.nav-action a.navChat img { max-width: 18px;}
.headerBar ul.navbar-nav li a.navEgencia img { width: 40px;}

.singular_content { padding-top: 110px;}

.creatorBox { width: 210px;}


.btn-login,
.btn-signup,
.btn-createPost { padding: 15px 25px;}
.brand-card-item .brand-detail { padding: 15px;}
.brand-image img { height: 180px;}
.brand-detail h3 { font-size: 24px;}
.brand-card-list .profile-info h5 { font-size: 20px;}

/**/

.campaign-card h4 { margin-top: 15px;}
.creatorGroups-card { padding: 45px 30px;}






}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

.container { padding: 10px 15px;}
.banner_content { min-height: 610px; padding-top: 80px;}
.banner_content h1 { font-size: 44px;}
.banner_content p { width: 90%;}
.custom_space { padding: 60px 0;}
.custom-content h2 { font-size: 38px;}

/*smae css*/

.singular_content { min-height: 200px;}
.trending-plan .custom-content,
.joined-plan .custom-content,
.works-group .custom-content { padding-bottom: 40px;}


.search-boxs {
    margin-right: 15px;
    width: calc(70% - 50px);
}
.header_top .logo img {
    max-width: 100px;
}
/*backend page*/

.layout-sidebar { height: 734px;}
.content-wrapper { }
.account_form .form-group { padding-bottom: 10px;}
.layout_form { padding: 25px 25px;}
.layout-text h2 { font-size: 28px; margin-bottom: 15px;}
.form_alt {margin-top: 15px;}

/**/

.destination-title h3 { font-size: 22px;}
.destination-title .flag-icon { top: 4px;}
.aboutUs .custom-content { padding-left: 10px; padding-bottom: 30px;}
.aboutUs .custom-content p { margin-bottom: 15px;}
.newsletter-content { padding: 40px 60px; bottom: -20px;}
.newsletter-content { padding: 40px 30px;margin: 0;}
.newsletter-content h3 {font-size: 26px;}
.newsletter-content .get-btn { padding: 20px 35px;}
.footer-inner { padding-top: 50px;}
.Download-text { padding-left: 0px;}
.footer-bottom { padding: 28px 15px; margin: 0;}
.header_top nav.navbar { padding: 0 10px;  padding-top: 20px;}
.inner-bannerPg .banner_content { min-height: 370px;}
.contact-details h2 { font-size: 38px;}
.contact-details { padding: 40px 20px;}
.contact-img img {min-height: 690px;}
.category-market .custom-content { padding-bottom: 25px;}
.custom_space.featured .custom-content p { width: 90%; margin-bottom: 30px;}
.our-app, .contactUs, .brand-place { padding-bottom: 10px;}
.category-card-box { margin: 0px; margin-top: 15px;}
.custom-content p { margin-bottom: 0px;}
.category-wrapper { padding-bottom: 40px;}
.filter-coll { margin-bottom: 30px;}
.filter-coll h4, 
.creatorSingle-content h3 { font-size: 32px;}

.landing-banner {  padding-bottom: 50px;}
.landing_content h1 {font-size: 44px;}
.landing_content p { width: 100%;}
.landing-steps .custom-content { padding-bottom: 20px;}
.steps_items { width: 50%; margin-top: 10px;}
.steps_items:before {display: none;}
.shareitem { padding-right: 24px;}

.postSingle-card { padding: 30px 20px; margin-top: 35px;margin-bottom: 25px;}
.comment-text { padding-right: 15px;}
.gallery-item img { width: 210px; height: 210px;}
.gallery-thumb,
.postSingle-card .post-share { padding-bottom: 20px;}
.comment-info { padding-bottom: 20px;}
.post-comments { padding-bottom: 30px;}

.singular-customText h2 { font-size: 32px;}

.profile-container { padding: 0 15px;}
.profile-row { padding: 25px;}
.profile-info h5 { padding-bottom: 5px;}
.settings-wrapper h4 { font-size: 28px;}
.brandImage {height: 270px;}

.brand-card-list { padding: 15px; margin: 0px;}
.createGroup_content { padding: 25px; margin: 10px;}

.creatorGroups-card { margin-bottom: 20px;}

.newCustomBanner {
    min-height: 220px;
    padding-top: 100px;
}
.searchHome .search-boxs {
    width: calc(70% - 15px);
}
.innerCustomBanner {
    min-height: 200px;
    padding-top: 100px;
}








}


@media only screen and (min-width: 1025px) and (max-width: 1299px) {

.layout-sidebar {
    height: unset;
}
.header_top nav.navbar { padding: 0 30px;}
.container { padding: 0 30px;}
.creatorBox { width: 240px;}
.headerBar ul.navbar-nav li {margin-left: 10px !important;}
.aboutUs .custom-content {  padding-left: 30px;}
.newsletter-content h3 { font-size: 28px;}
.feed-group .custom-content p { width: 70%;}
.steps_items:before { background-size: 80%;}






}  


@media only screen and (min-width: 1300px) and (max-width: 1480px) {


.header_top nav.navbar { padding: 0 55px; padding-top: 30px;}
.header_top.is-sticky nav.navbar { padding-top: 0;}

.headerBar ul.navbar-nav li .nav-link { font-size: 15px;}

.container { padding: 0 30px;}
.headerBar { padding: 12px 30px;}

.logo img { max-width: 100px;}

.btn-login, 
.btn-createPost,
.btn-signup { font-size: 15px; padding: 10px 35px !important;}

.creatorBox { width: 275px;}
.custom_space { padding: 70px 0;}

.our-app, 
.brand-place, 
.custom_space_bottom {
    padding-bottom: 0px;
}
.custom-content h2 { font-size: 42px;}

.landing_content { min-height: 620px; padding-top: 110px;}
.landing_content h1 { font-size: 48px;}
.landing_content h3 { font-size: 28px; margin-bottom: 20px;}
.landing_content p { font-size: 16px;}
.works-item { padding: 25px;}
.aboutUs .custom-content { padding-left: 50px;}
.landing-group .custom-content { padding-bottom: 20px;}
.creatorBox h5 { font-size: 22px;}
.newsletter-content h3 { font-size: 32px;}


/*login */

.content-wrapper { min-height: 560px;}
.layout-sidebar {  height: 560px;}

.layout_form,
.register-forms { padding: 15px 55px;}

.loginPage .form_alt {margin-top: 20px;}

.register-sidebar { height: 880px;}

.account_form  .submitBtn { padding: 12px 0; font-size: 16px;}
.account_input {padding: 12px 20px 12px 22px;}
.layout-text h2 { margin-bottom: 5px;font-size: 28px;}
.layout-text { padding-bottom: 0px;}
.layout-text p { margin-bottom: 10px;font-size: 14px;}
.form-social a { width: 35px; height: 35px; padding: 6px 10px; font-size: 16px;}
.account_hed { font-size: 16px; padding-bottom: 5px;}
.option-divider { margin: 5px 0; font-size: 14px;}
.account_card { padding: 12px 10px; font-size: 16px;}

.forgot_pass { margin-bottom: 0 !important;}
.account_form .form-group {padding-bottom: 15px;}
.account_input .icon-input { font-size: 15px; max-width: 15px;}
.account_input input {font-size: 16px;}
.hide-password { font-size: 15px;}


/*home page inner*/

.banner_content { min-height: 640px;padding-top: 100px;}

.banner_content h1 { font-size: 48px;}

.filter-coll h4, 
.creatorSingle-content h3 { font-size: 32px;}
.filter-coll { margin-bottom: 20px;}
.postItem-card { padding: 20px;}
.feed-group .postItem-card { margin-bottom: 20px;}
.postItem-subText { font-size: 18px; padding-bottom: 0px;}
.landing-group .works-item { margin-bottom: 0;}

.creatorGroups-cat { padding-bottom: 5px !important;}
.creatorGroups-cat .custom-content { padding-top: 40px;}
.brand-image img { height: 200px;}
.brand-card-item .brand-detail { padding: 20px;}
.brand-detail h3 { font-size: 22px;margin-bottom: 5px;}

.category-market .custom-content { padding-bottom: 20px;}
.category-card-box { padding: 10px; margin-top: 15px; min-height: 170px;}


.contactUs { padding-bottom: 10px;}
.contact-details { padding: 30px 50px;}
.contact-details h5 { font-size: 18px;}
.contact-details h2 { font-size: 42px; margin-bottom: 10px;}
.fieldCol img { max-width: 15px;}
.contacts_form input { padding: 12px 30px 12px 40px; font-size: 15px;}
.btnSend { padding: 15px 0; font-size: 16px;}
.contact-img img {height: 584px;}

.groupList-row { margin-bottom: 0px;}
.brand-card-list .profile-info h5,
.profile-info h5 {  font-size: 20px;}
.singularItem-card { min-height: 400px;}

.singularItem-card .singular-name { font-size: 16px; padding-top: 10px; padding-bottom: 5px;}
.post-text { font-size: 14px;}

.singularItem-card .carouselPost { padding-top: 15px;}
.carouselPost { padding-bottom: 15px;}

.profile-row { padding: 30px;margin-bottom: 10px;}
.follow-card a { padding: 20px 25px;}
.profile-btns a { padding: 10px 35px;}
.profile-customText { margin-bottom: 30px;}

.profile-list { margin-top: 10px !important;}
.profile-list li { padding-bottom: 5px;}

.singular-customText h2 { font-size: 32px;}

.follow-search input { padding: 15px 27px;}
.follow-search button { padding: 15px 50px;}

.follow-group .singular-customText { padding-bottom: 30px;}

.settings-wrapper h4 { font-size: 28px;}
.switch-btns { width: 70px; height: 35px;}
.notification-check:before { height: 22px; width: 22px;}

.formIn-title, 
.campaign-card h3, 
.creatorInformation-head h3 { font-size: 20px;}

.brand-wrapper {padding-bottom: 10px;}
.messageSidebar { padding: 20px 30px;}

.newCustomBanner {
    min-height: 280px;
    padding-top: 150px;
}

.innerCustomBanner {
    min-height: 250px;
    padding-top: 150px;
}










}


@media only screen and (min-width: 1401px) and (max-width: 1600px) {




}




/*
@media only screen and (min-width: 1025px) and (max-width: 1340px) {

.header_top nav.navbar { padding: 0 30px;}
.container { padding: 0 30px;}

.layout_form { padding: 37px 40px;}
.headerBar ul.navbar-nav li {margin-left: 20px;}
.btn-login, .btn-createPost {padding: 15px 30px;}
.headerBar { padding: 12px 30px !important;}
.custom_space { padding: 100px 0;}
.brand-image img {height: 200px;}
.brand-card-item .brand-detail { padding: 15px;}
.newsletter-content { padding: 50px 90px; bottom: -50px;}
.footer-inner ul li a { font-size: 14px;}
.footer-bottom { padding: 28px 30px;}
.our-app, 
.contactUs, 
.brand-place, 
.custom_space_bottom {
    padding-bottom: 30px;
}





@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.header_top nav.navbar { padding: 0 30px;}
.container { padding: 0 30px;}





}

  

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

.custom_space {
    padding: 100px 0;
}









}
*/