body.is-mobile {
    cursor: default;
    opacity: 1!important;
}

body.is-mobile .banner--stick.search_bar_inner .search_form {
    height: 60px!important
}

body.is-mobile .gsa_logo {
    display: block;
}

body.is-mobile .search_bar_inner .search_form {
    height: 56px;
    margin-top: 0;
}
body.is-mobile .section-header p.subtitle{
    padding: 0;
}

@media(max-width: 61.938em) {
    body.is-mobile #instant_estimate .cd-panel-container, body.is-mobile #instant_estimate .cd-panel-header {
        width: 100%
    }
}

body.is-mobile #personal_information .panel_content {
    padding: 20px!important
}

body.is-mobile #similar_clips_slider,
body.is-mobile #best_sellers_slider2,
body.is-mobile #most_popular_slider {
    min-height: 280px
}

body.is-mobile #faq_content .subtitle {
    padding: 0;
}

body.is-mobile #cart_order_table .project_name  select{
    margin-top: 10px;
}

body.is-mobile .order_edit_form {
    border-right: 1px solid #d3d4d3;
    height: auto;
    background: #fff;
    padding: 20px!important
}


@media(max-width: 991px) {
    .hidden-sm {
        display:none!important
    }
}

@media(max-width: 767px) {
    #high_quality .visual {
        margin-top:20px;
        background-position: center
    }

    .homepage #search_terms_focus {
        width: 100%;
        padding: 0 20px !important;
    }

    #high_quality .container {
        display: flex;
        flex-direction: column-reverse
    }

    #high_quality .br-bold {
        padding-top: 40px
    }

    #browse_footage_btn,#read_faq_btn,#award_winning #see_showcase_btn {
        margin-right: 0
    }

    #made_producers {
        padding-bottom: 40px
    }

    #made_producers .visual {
        background-size: 100%;
        width: 100%;
        margin-top: 20px;
        height: 435px
    }

    #made_producers .br-bold {
        padding-top: 50px
    }

    #award_winning .visual {
        width: 100%;
        position: relative;
        height: 100%;
        min-height: 340px;
        max-height: 375px;
        margin: 0;
        left: 20px;
        right: 0;
        top: 0;
    }

    #visualAppend {
        height: 100%;
        width: 70px;
        position: relative;
        display: block;
    }

    #visualAppend::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 70px;
        height: 52px;
        background-image: url(https://greenscreenanimals.com/assets/img/common/filter.png);
    }

    #award_winning_play {
        max-width: 580px;
        left: calc(50% - 40px);
        height: 60px;
        transform: translate(-50%,-50%);
        width: 60px;
        right: unset;
        top: 40%;
        bottom: unset
    }

    #award_winning .righted {
        padding-top: 0
    }

    #gsa-green .col-sm-12 {
        display: flex;
        flex-direction: column
    }

    #gsa-green .col-sm-12 .figures {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 60px;
        flex-direction: row
    }

    #gsa-green .col-sm-12 .figures div.col-md-6 {
        width: 45%;
        margin-bottom: 20px
    }

    #company_vid_play {
        width: 90px;
        height: 90px;
        background-size: 80px
    }

    #gsa_company_video #to-gsa-services {
        margin-bottom: 0
    }

    #gsa-services .service {
        margin-top: 40px
    }

    .clients_list {
        margin-top: 20px;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        margin-top: 0
    }

    .gsa_client {
        width: 25%
    }

    #footage_content .container {
        display: flex;
        flex-direction: column;
        margin: 0;
        width: 100%;
    }

    #data_result{
        border: none;
        padding: 0 20px !important;
    }

    #data_filter {
        width: 35%
    }

    #data_filter .reset_section {
        width: 100%;
        margin: 0;
        padding-left: 20px !important;
    }

    #filter_reset {
        width: 100%;
    }

    #data_filter .filter_section {
        padding-left: 20px!important;
        margin-bottom: 25px
    }

    .footage_page #list_sort_clips {
        display: flex
    }

    #list_sort_clips .col-lg-12 {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    #gsa_clips_list .display_elements {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row
    }

    #gsa_clips_list {
        width: 100%;
        padding: 0 20px !important;
    }

    #clips_intro {
        display: flex;
        margin-left: -15px;
        width: 110%;
        padding: 10px 0 !important;
    }

    #gsa_clips_list .display_elements .btn_view {
        margin: 0 5px
    }

    #clips_list,#list_result {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0;
        margin-left: 0
    }

    #clips_list{
        flex-direction: column;
    }

    #list_result article .footage_video,
    .footage_video .video-js .vjs-tech {
        min-height: 250px;
        object-fit: fill;
    }

    .cd-small-modal.is-visible .cd-small-modal-container{
        max-width: 100%;
        height: 100%;
        border-radius: 0;
    }

    #gsa_clips_list article{
        width: 100%;
    }

    #gsa_clips_list #clips_list .footage_item .footage_video{
        min-height: 250px;
    }

    #list_result article {
        width: 100%
    }

    #data_result #list_sort {
        width: calc( 100% + 50px);
        padding-top: 0!important;
        background: #fff;
        margin-left: -30px;
        padding-left: 30px!important;
        border-bottom: 1px solid #d3d4d3
    }

    #data_result #list_sort .result_total {
        padding: 30px 0
    }

    .col-sm-11.search_terms {
        float: left
    }

    #gsa_contact_form .col-sm-12 {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

    #gsa_contact_form .field_radio {
        margin-bottom: 20px
    }

    #form_recover_email {
        display: flex;
        flex-direction: column
    }

    #form_recover_email+.row {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    #form_recover_email+.row button {
        display: flex
    }

    #back_login_btn {
        margin: 0;
        margin-right: auto;
        padding-left: 0!important
    }

    #send_btn {
        max-width: 200px;
        width: 100%
    }

    #gsa_location .container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    #gsa_location article {
        margin-bottom: 40px
    }

    #footer_top .container {
        display: flex
    }

    #footer_top #footer_nav,#footer_top #footer_nav .col-sm-6 {
        float: left;
        width: 50%
    }

    #gsa_newsletter.righted {
        margin-left: auto
    }

    .newsletter_form .form_group {
        margin-bottom: 0
    }

    #subscribe_email {
        width: 58.33333333%
    }

    #subscribe_btn {
        width: 33.33333333%
    }

    .search_form form {
        width: 100%;
        display: flex
    }

    .banner--stick.search_bar_inner .search_form input {
        width: 100%
    }

    #footer_bottom .container {
        display: flex;
        justify-content: flex-start
    }

    #footer_bottom .righted {
        margin-left: auto
    }

    #footer_bottom p.copyright {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px
    }

    #footer_bottom .gsa_social_media {
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: calc(100% - 30px);
        justify-content: flex-start
    }

    .gsa_social_media ul li:first-child {
        margin-left: 0
    }

    #animals_list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: start;
        margin-left: 0
    }

    #animals_list .animal_item {
        width: 30%;
        margin-left: 15px
    }

    #data_filter {
        position: fixed;
        z-index: 999999;
        overflow: scroll;
        padding-right: 20px!important;
        color: #000!important;
        display: none;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        border-radius: 0;
    }

    #filterHead {
        display: flex;
        justify-content: space-between;
        margin-left: 20px;
        align-items: center;
        margin-bottom: 40px
    }

    #filterClose {
        width: 40px;
        height: 40px;
        border: 1px solid;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #data_filter #clips_sort {
        min-height: 60px;
        padding-top: 40px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 40px;
        flex-wrap: wrap;
        padding-left: 20px!important;

    }

    #data_filter #clips_sort>p {
        color: #3b3b3b;
        font-size: 16px;
        text-transform: capitalize;
        text-align: left;
        font-family: robotobold,notokufiarabic-bold,sans-serif!important;
        font-style: normal;
        width: 100%
    }

    #data_filter #clips_sort .sort_elements {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: start
    }

    #data_filter .sort_elements button.btn_sort {
        padding: 20px;
        background: #fff;
        border-radius: 10px;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        border: none;
    }

    #data_filter .sort_elements button.btn_sort.active{
        background: #7ac23c;
        color: white;
    }

    #data_filter #clips_sort>.righted,#data_filter .righted {
        width: 100%;
        float: unset!important;
        display: flex;
        align-items: center;
        justify-content: start;
        margin-bottom: 40px;
        margin-left: 20px
    }

    #data_filter #clips_sort>.righted {
        margin-left: 0
    }

    #data_filter #clips_sort .display_elements,#data_filter .display_elements {
        width: 100%;
        float: unset!important;
        text-align: left;
        display: flex;
        align-items: center;
    }

    #data_filter .righted{
        padding-right: 20px !important;
        padding-top: 20px;
    }


    #data_filter #clips_sort .display_elements p,#data_filter .display_elements p,
    #data_filter .back_footage{
        color: #3b3b3b;
        font-size: 16px;
        text-transform: capitalize;
        text-align: left;
        font-family: robotobold,notokufiarabic-bold,sans-serif!important;
        font-style: normal
    }

    #data_filter .back_footage{
        margin-left: 20px;
    }

    #data_filter #clips_sort .display_elements button,#data_filter .display_elements button {
        margin-left: 10px;
    }

    #data_filter #clips_sort .display_elements button.active,#data_filter .display_elements button.active {
        color: white;
        background-color: #7ac23c;
    }

    #data_filter .skin-flat.active label {
        color: #7ac23c
    }

    #filter_animal_type .flat-green {
        display: flex;
        align-items: center;
        justify-content: start;
        width: 50%
    }

    #filter_animal_type .flat-green .radio {

        width: 100%;
        display: flex;
        align-items: center;
        justify-content: startS;
    }

    #data_filter .icheck {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        max-height: 100%;
        padding-top: 10px;
        overflow: hidden
    }

    #data_filter .skin-flat {

        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    .skin-flat .checkbox {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%
    }

    #data_filter .skin-flat .icheckbox_flat-green{
        margin-top: -2px;
    }

    #data_filter .filter_section h3 {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        align-items: center
    }

    #data_filter #filter_keywords {
        max-height: 100%
    }

    #data_filter #filter_keywords>* {
        max-height: 100%!important
    }

    #data_filter #filter_keywords span {
        display: none
    }

    #data_filter #filter_keywords ul span {
        display: block
    }

    #filter_keywords.filter_section ul li {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #filter_keywords.filter_section li a {
        display: flex;
        align-items: center;
        justify-content: end;
        height: 40px;
        width: 40px
    }

    #filter_keywords.filter_section li a:before {
        float: unset!important;
        font: 600 25px gsaicons!important;
        padding: 0!important;
        margin-right: 8px!important
    }

    #CloseFilter{
        width: 32px;
        height: 32px;
        background-image: url(https://greenscreenanimals.com/assets/img/common/close.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #data_filter.open {
        display: block;
        overflow-x: hidden;
        padding-top: 40px !important;
    }

    .search_bar_inner .search_form {
        background: #fff;
        border-radius: 10px
    }

    .search_bar_inner .container {
        padding: 10px 0!important
    }

    .search_bar_inner form {
        display: flex;
        flex-direction: row-reverse;
        border-radius: 10px;
        border: 2px solid #7ac23c;
        height: 56px
    }

    .search_bar_inner .search_btn {
        width: 80px!important;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #7ac23c;
        height: 100%!important;
        border-radius: 0 7px 7px 0
    }

    .filter-mobile {
        display: flex;
        width: 70px;
        align-items: center;
        justify-content: center;
        border-left: 2px solid #7ac23c;
        background-image: url(https://greenscreenanimals.com/assets/img/common/filter.png);
        background-repeat: no-repeat;
        background-size: 125%;
        position: relative;
        height: 50px;
    }


    .filter-mobile img {
        width: 100%
    }

    .search_bar_inner .search_form input {
        width: 100%
    }

    .icon-search:before {
        color: #fff
    }

    #data_filter .filter_section>* {
        max-height: 0
    }

    .chevron {
        height: 40px;
        width: 40px;
        display: block
    }

    .chevron::after {
        content: url(https://greenscreenanimals.com/assets/img/common/chevron.png);
        display: block;
        max-width: 40px;
        max-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }

    .chevron.open::after {
        content: url(https://greenscreenanimals.com/assets/img/common/chevron-up.png)
    }

    #clip_information {
        padding: 0
    }

    #clip_information .container {
        flex-direction: column-reverse;
        display: flex
    }

    #tech_details {
        display: flex;
        align-items: self-start;
        justify-content: flex-start;
        z-index: 999;
        flex-direction: column;
        float: none;
        width: 100%
    }

    .tech_details_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0
    }

    #free_sample_btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #get_estimate_btn {
        width: 100%;
        max-width: 100%!important;
        margin-bottom: 20px
    }

    .clip_share {
        display: flex;
        align-items: center;
        padding: 20px 0;
        flex-wrap: wrap;
    }

    .clip_share .fb_share  {
        margin-left: 15px;
    }

    .copy_link_form {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    .copy_link_form input {
        width: calc( 100% - 140px);
    }

    #copy_btn {
        width: 100px
    }

    #storyboard_list {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    #storyboard_list .col-md-4{
        width: 48%;
    }

    .sort_elements {
        float: none;
        display: flex;
        margin-bottom: 10px;
    }

    #create_account form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    #create_account form .form_group,#form_user .form-group,#personal_information .panel_content .form-group {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        flex-wrap: wrap
    }

    #create_account form .form_group label,#form_user .form-group label,#personal_information .panel_content .form-group label {
        display: block;
        width: 100%;
        margin-bottom: 15px
    }

    #create_account form .form_group input,#create_account form .form_group select,#form_user .form-group input,#personal_information .panel_content>.righted,#personal_information .panel_content .form-group input {
        width: 100%
    }

    #create_account_btn,#personal_information .panel_content>.righted .save_changes_btn,#form_newlightbox #save_to_lightbox_btn {
        width: 100%;
        max-width: 200px
    }

    #sign_in_btn.gsa-btn,
    #instant_estimate_tabs #addcart_btn{
        width: 100%;
    }

    #personal_information .panel_content>.righted {
        padding-bottom: 30px
    }

    #join_content_right {
        padding-top: 0!important;
        border-right: 1px solid #dfe1e1;
        overflow: hidden;
        margin-bottom: 30px;
        border-bottom: 1px solid #dfe1e1
    }

    #already_registered {
        border-top: 1px solid #dfe1e1;
        padding-top: 30px
    }

    #specialist {
        right: 0;
        width: 245px;
        height: 380px;
        top: 200px;
    }

    #form_user {
        display: flex;
        flex-direction: column
    }

    #forgot_pwd_btn {
        padding-left: 0!important
    }

    #sign_in_btn {
        margin-bottom: 20px
    }

    .cd-small-modal-container #sign_in,
    .cd-small-modal-container #forgot_password  {
        height: 100%;
    }

    .cd-user-modal-lightbox .content {
        padding-top: 40px !important;
    }


    #sign_in .content, #forgot_password .content {
        display: flex;
        flex-direction: column;
        justify-content: start;
        height: 100%;
        padding: 40px 20px !important;
    }

    #account_tabs .tab {
        width: 24%
    }

    .cart_project input{
        width: 100%;
    }

    #account_tabs .container {
        display: flex
    }
    
    #personal_information .fileinput .thumbnail,
    #personal_information .fileinput .thumbnail img{
        min-height: auto;
        height: 120px;
        width: 120px;
    }

    #account_tabs .tab span.icon:before {
      display: none;
    }

    #lightbox_list .list_header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #lightbox_list .list_header #new_lightbox {
        display: flex;
        align-items: center
    }

    #lightbox_list #lightbox_article {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        justify-content: center;
        height: 100%!important
    }

    #lightbox_list #lightbox_article .lightbox_name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 30px;
        height: 100%
    }

    #lightbox_list #lightbox_article article .lSSlideOuter {
        height: 100%;
        width: 100%
    }


    #lightbox_list #lightbox_article article .lightbox_videos {
        height: 100%
    }

    #lightbox_list #lightbox_article article .lightbox_videos p.empty {
        line-height: inherit;
        height: 100%
    }

    #lightbox_list #lightbox_article article .lightbox_name {
        border: none
    }

    #personal_information .panel_content .profile_pic {
        margin: 0 auto
    }

    #settings_content .panel_header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #terms_content p {
        text-align: center
    }

    #form_newlightbox>.col-lg-12 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    #form_newlightbox>.col-lg-12 .flat-green {
        width: 50%;
        margin-bottom: 20px
    }

    #form_newlightbox>.col-lg-12 .flat-green+.col-lg-12,#form_newlightbox>.col-lg-12 #my_lightboxes_select,#instant_estimate_alert section select,#lightbox_list #lightbox_article article {
        width: 100%
    }

    #instant_estimate_tabs .tabs {
        padding-bottom: 70px
    }

    #instant_estimate_tabs .instant_estimate_tab_content {
        padding: 30px 40px!important
    }

    #instant_estimate_tabs select {
        max-width: 100%;
        width: 100%;
    }

    .instant_estimate_tab_content label {
        margin-bottom: 15px;
        width: 100%
    }

    #cart_order_table .order_table_row{
        height: auto;
    }

    #instant_estimate_tabs .flat-green {
        width: auto!important
    }

    #cart .cd-panel-content{
        padding: 40px 0 0 0;
       
    }

    #cart_signin_join .cd-panel-content{
        padding:0;
    }

    #cart  .cd-panel-container,
    #cart_signin_join .cd-panel-container  {
        width: 100%;
    }

    #cart_order_table{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #cart .cd-panel-content .order_table_row{
        height: auto;
        width: 100%;
    }

    #cart_signin_join_content,
    #cart_signin_join_content_success {
        height: 100%;
        padding-bottom: 0;
        border: none;
    }


    #cart .cd-panel-content .order_table_row > div:first-child {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    #cart .cd-panel-content .order_table_row .clip_name {
        display: flex;
        flex-direction: column;
    }

    #cart .order_table_row .clip_preview {
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: space-around;
        margin-bottom: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    #cart_order_table .clip_price{
        margin-right: auto;
        padding-top: 15px;
    }

    #cart .clip_preview ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #cart_order_table .total .footer_value{
        padding: 20px 20px!important;
    }

    #cart .order_table_row > div:first-child .col-md-5{
        display: flex;
        height: 100%;
        flex-direction: column;
        width: 100%;
    }

    .cd-panel-container .cart_project {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }

    #cart_order_table article.order_table_footer{
        width: 100%;
        display: flex;
        padding-bottom: 0;
    }

    #cart_order_table article.order_table_footer > * {
        width: 50%;
    }

    #cart .order_table_row .clip_preview div .video-js,
    #cart .order_table_row .clip_preview div .video-js video{
        height: 220px !important;
        object-fit: fill;
    }

    #cart select {
        max-width: 100%;
        padding-right: 40px !important;
    }

    .clip_category form{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    #cart #alert_cart {
        padding-left: 20px;
    }

    #cart #alert_bar{
        padding-right: 20px;
    }

    #request_purchase_btn{
        padding: 18px 16px !important;
        margin: 38px 0;
        width: 100%;
    }

    #cart_order_table  .cart_project +  .col-sm-12 {
        width: 100%;
        padding: 0 20px !important;
    }

    #cart .order_delete_form > div {
        display: flex;
        justify-content: center;
        align-items: baseline;
    }

    #cart .order_delete_form > div button {
        padding: 13px 10px !important;
    }

    #cart .cd-panel-header,
    #cart_signin_join .cd-panel-header {
        width: 100%;
    }

    .clip_cta{
        opacity: 0.8;
        transform: translateY(0px);
    }

    #data_filter select{
        
        border: none;
        z-index: -1;
        display: none;
        
    }

    #data_filter select.open{
        
        border: 2px solid #999;
        z-index: 1;
        display: block;
        
    }

    .lightbox_edit_form,
    .lightbox_delete_form{
        width: 100%;
    }
    
    .lightbox_edit_form > div,
    .lightbox_delete_form > div {
        display: flex;
        align-items: baseline;
        width: 100%;
    }

    .lightbox_edit_form > div input,
    .lightbox_delete_form > div input {
        margin: 0 10px;
    }

    .lightbox_edit_form > div button,
    .lightbox_delete_form > div button {
        padding: 13px 10px !important;
    }

    .lightbox_edit_form > div .edit_lightbox_btn,
    .lightbox_delete_form > div .confirm_delete_lightbox_btn {
        margin-left: auto;
    }

    .new_lightbox {
        padding: 20px !important;
    }

    #form_lightbox_name {
        display: flex;
        align-items: baseline;
    }

    #lightbox_name{
        margin: 0 10px;
    }

    #new_lightbox_btn {
        margin-left: auto;
        padding: 11px 10px !important;
    }

    #form_lightbox_name .has-error .help-block{
        bottom: -30px;
    }

    #personal_information .form-group select {
        width: 100%;
    }

    #settings_content #gsa_terms a {
        display: flex;
        align-items: center;
    }

    #champ_hero, #champ_hero .container {
        height: 100% !important;
    }

    .champ-hero-content .hero-actions {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 250px;
    }

    .champ-hero-content .hero-actions > * {
        margin-top: 0 !important;
    }

    #request_form .form-group{
        display: flex;
        flex-direction: column;
    }

    #request_form #request_modal_btn{
        display: flex;
        width: 100%;
        max-width: 220px;
    }

    #request_quote_div .uk-animation-slide-bottom  .text-center {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #request_quote_div #watch_behind_btn{
        width: 100%;
    }

    #see_models{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 200px;
    }

    #cart .cart_project p{
       margin: 20px 0 !important;
    }

    #gsa_footer ul li {
        line-height: 30px !important;
    }

    #gsa-testimonials h5{
        padding: 0;
        padding-bottom: 20px;
    }

    .request-modal-container{
        min-width: 100%;
        height: 100%;
    }

    #request_form{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 20px;
    }

    #request_modal .bloc_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    #cart_signin_join_content_success .form_group {
        display: flex;
        flex-direction: column;
    }

    #cart_sign_in_btn,
    #cart_join_btn{
        margin-top: 20px;
        width: 100%;
    }

    #gsa_portfolio article .slide_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #gsa_portfolio article .slide_content h2 {
        padding-top: 0 !important;
        width: 100%;
        flex-wrap: wrap;
        max-width: 350px;
        line-height: 25px !important;
    }   

    .order_items li,
    .order_added_date{
        line-height: 25px;
    }

    .order_status{
        width: 100%;
        display: flex;
    }

    .order_status span{
        width: 50%;
        display: block;
    }

    article.order_table_footer{
        padding: 15px 0;
        display: flex;
        width: 100%;
        float: unset !important;
    }
 
    article.order_table_footer div{
        width: 50%;
    }

    article.order_table_footer .footer_label{
        text-align: left;
        padding-left: 20px !important;
    }

    article.order_table_footer .footer_value{
        text-align: right;
        padding-right: 20px !important;
    }

    .cd-portfolio-modal-container {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .cd-portfolio-modal-container .bloc_content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .cd-portfolio-modal-container .portfolio_details {
        height: 55vh;
    }

    .cd-portfolio-modal-container .clip_share{
        margin: 0;
        padding-left: 30px !important;
        width: 100%;
    }

    .cd-portfolio-modal-container .clip_share p {
        margin-right: 11px;
    }

    .list_pagination {
        margin-top: 0 !important;
    }

    #orders_content .list_pagination {
        margin-top: 40px !important;
    }

    #orders_content #orders_list{
        height: auto !important;
    }

    .order_row .order_details {
        padding-bottom: 20px;
    }
    
    .cd-portfolio-modal .portfolio_video{
        height:  50vh;
    }
 
    #gsa_clips_list .result_total {font-size: 15px;}
    .result_total span {font-size: 15px;}
    .animal_icon { margin-left:  20px;}

    .section-header h2.subtitle{
        padding: 0; 
        padding-bottom: 40px;
    }

    #gsa_clips_list #list_sort_clips #clips_intro{
        margin-left: -20px;
        height: auto;
        border: none;
         margin-bottom: 0px;
         padding-top: 0px !important;
        
    }

    #gsa_clips_list #list_sort_clips {
        padding: 10px 20px !important;
        background: #fff;
        padding-bottom: 0 !important;
        border-bottom: 1px solid #d3d4d3;
        margin-left: -20px;
        width: 110%;
    }

    #gsa_clips_list{
        background: #f8f9f6;
    }

    #instant_estimate .cd-panel-content{
        padding: 50px 0px;
    }

    .content-fixed { padding: 0 20px 20px!important; }

    #instant_estimate_tabs .instant_estimate_tab_content { padding: 30px 20px!important; }

    #instant_estimate_tabs .tabs {border: none;}

    #instant_estimate .cd-panel-container { background: #fff; }

    #instant_estimate .cd-panel-content {
        top: 51px;
        padding: 0;
    }

    .estimated_price {
        padding: 20px !important;
        margin: 20px 0;
        border: 1px solid #ccc ;
        display: flex;
        justify-content: space-between;
    }

    .estimated_price .value {     font: 20px/1.8em "brandon_textbold","NotoKufiArabic-Bold",sans-serif; }

    p#instant_estimate_price{ width:100% ; }

    #instant_estimate_tabs .tabs nav a span { font-size: 14px;  }

    #cart_order_table .order_table_row + .order_table_row::before {
        content: "";
        width: 80%;
        height: 2px;
        display: block;
        background: #ccc;
        margin: 40px auto;
        margin-top: 0;
        transition: all ease-in-out 0.5s;
    }

    #cart_order_table ul li{
        padding: 10px;
    }


    #our_mission{
        padding-top: 50px;
        padding-bottom: 90px;
    }

    #our_mission p{
        padding: 0;
    }

    #contact_form  .section-header{
        margin-bottom: 20px;
    }
    
    #gsa-testimonials {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    #join_now{
        padding: 70px 0;
    }

    .gsa-btn{
        margin-top: 10px !important;
    }

    .gsa-btn.bordered-btn{
        margin-bottom: 0 !important;
        text-align: center;
    }

    nav.nav-right{
        z-index: 9999999;
        right: -240px !important;
    }

    nav.nav-left {
        z-index: 999999;
        top: 100px;
    }

    .full.header.gsa_header{
        left: 0 !important;
        right: auto !important;
    }

    #gsa-green,
    #gsa-services,
    #gsa-clients-list,
    #gsa-press,
    #gsa-contract-payments{
        padding-top: 60px;
    }

    #gsa-contract-payments{
        padding-bottom: 60px;
    }

    #create_account .bloc_content .skin-flat label .icheckbox_flat-green{
        height: 24px !important;transition: ease-in-out;
    }

    .nav-left.on .gsa_connect ul li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #gsa-green p,
    #gsa-services .service p{
        padding: 0;
    }

    #gsa-services .service p{
        padding: 0 15px;
    }

    nav.nav-left.on {

        left: 0px !important;
        width: 100%;
        transition: all ease-in-out 0.6s !important;
    }

    .nav-right.on{
        right: 0 !important;
        transition: all ease-in-out 0.6s !important;
    }

    nav.nav-left{
        display: flex;
        flex-direction: column;
        transition: all ease-in-out 0.6s !important;
    }

    .nav-right{
        display: flex;
        flex-direction: column;
        top: 100px !important;
        max-height: calc(100% - 200px);
        max-width: 155px;
        transition: all ease-in-out 0.6s !important;
    }

    .nav-right ul{
        padding: 30px 20px !important;
    }

    .nav-right ul li {
        text-align: left !important;
    }

    .nav-right ul li a{
        float: none !important;
    }

    nav.nav-right ul li:first-child a{
        line-height: 26px;
    }

    .header_user.mobile {
        display: block;
        float: none;
        right: unset;
        position: relative;
        margin-top: auto;
        margin-bottom: 100px;
    }

    .header_user.mobile .gsa_connected {
        float: none!important
    }

    .header_user.mobile .gsa_connected ul {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0;
        margin-top: auto;
        border-top: 1px solid #fff
    }

    .header_user.mobile .gsa_connected ul li {
        margin: 0;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .header_user.mobile .gsa_connected ul li a {
        opacity: 1;
        width: 100%;
        float: none;
        border: none !important;
    }

    .clip_share p {
        padding-bottom: 0 ;
    }
    
    #press_slider .article_list h4 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 80px;
    }

    #press_slider .article_list h6{
        padding-top: 40px;
    }

    #clips_related video {
        min-height: auto !important;
    }

    #clips_related .footage_video{
        height: 150px !important;
    }

    #home_hero + #gsa_main .black-btn {
        margin-top: 28px !important;
    }

    #request_quote_btn{
        height: 57px;
    }

    #hero_fixed .search_form,
    #hero_fixed .search_form form,
    #hero_fixed .search_form #search_terms_focus,
    #hero_fixed .search_form form button{
        height: 52px;
    }

    #hero_fixed .search_form form button{
        display: none;
    }

    .has-error p{
        bottom: -25px;
    }

    .confirm_delete_order_btn{
        margin-left: auto;
    }

}

.header_user {
    display: block;
}

@media(max-width: 680px) {
    .work-item img {
        height:330px;
        object-fit: fill
    }

    #made_producers .br-bold {
        padding-top: 50px
    }

    #footer_top .container {
        flex-direction: column;
        align-items: center
    }

    #gsa_newsletter {
        width: 100%;
        margin-top: 40px
    }

    #footer_top #footer_nav {
        width: 100%;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        float: none;
        flex-wrap: wrap
    }

    .header_user {
        display: none
    }

}

@media(max-width: 630px) {
    #footer_bottom .container {
        display:flex;
        justify-content: start;
        flex-direction: column-reverse;
        float: none;
        align-items: center;
        text-align: center
    }

    .animals_footer {
        width: 150px;
        background-size: 100%
    }

    .langs {
        margin: 0
    }

    #footer_bottom .righted {
        margin-left: 0;
        float: none!important
    }
}

@media(max-width: 600px) {
    .work-item img {
        height:275px;
        object-fit: fill
    }

    #high_quality .br-bold {
        padding-top: 0
    }

    #high_quality .visual {
        height: 390px
    }

    .clients_list {
        justify-content: space-between
    }

    .gsa_client {
        width: 30%
    }

    #made_producers .righted.on-scroll,#high_quality .on-scroll,#award_winning .righted.on-scroll {
        text-align: center
    }

    .homepage .green_line {
        width: 100%!important
    }

    #made_producers .righted.on-scroll .br-bold,#high_quality .on-scroll .br-bold,#award_winning .righted.on-scroll .br-bold {
        max-width: 100%
    }

    #award_winning_play {
        left: calc(50% - 20px)
    }

    #made_producers .visual {
        background-size: cover
    }

    #made_producers .br-bold {
        padding-top: 0
    }

    #award_winning_play{
        top: 33%;
    }
}

@media(max-width: 570px) {
    #footer_top #footer_nav .col-sm-6 {
        width:210px
    }

    #footer_top #footer_nav {
        flex-wrap: unset;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        text-align: center
    }

    #gsa_newsletter.righted {
        text-align: center
    }

    .newsletter_form {
        text-align: left
    }
}

@media(max-width: 540px) {
    #animals_list .animal_item {
        width:45%
    }

    .figures .col-lg-3.col-md-6.col-sm-6 {
        width: 100%!important;
        margin-top: 30px
    }

    #gsa-green .col-sm-12 .figures {
        margin-top: 30px
    }
}

@media(max-width: 500px) {
    .gsa_client {
        width:40%
    }

    #clips_intro {
        height: 100%
    }
}

@media(max-width: 480px) {
    .work-item img {
        height:210px;
        object-fit: cover
    }

    .gs_logo {
        width: 180px
    }

    #create_account .bloc_content .skin-flat label{
        display: flex;
        align-items: self-start;
        justify-content: start;
        max-width: 100%;
    }

    #create_account .bloc_content .skin-flat label p{ 
        width: 90%;
        padding-left: 10px;
    }

}

@media(max-width: 455px) {


    #data_filter .skin-flat .icheckbox_flat-green{
        width: 20px;
    }

    #data_filter .skin-flat .icheckbox_flat-green + label{
        width: 90%;
        padding-left: 10px !important;
    }

    .order_delete_form label{
        margin-right: 10px;
        width: 100%;
    }

    #cart .order_delete_form > div{
        flex-wrap: wrap;
    }

    .confirm_delete_order_btn {
        margin-left: 0;
    }

    #award_winning_play{
        top: 24%;
    }
}

@media(max-width: 380px) {
    .gs_logo {
        width:150px;
        right: calc(50% - 90px);
        left: auto
    }

    #animals_list .animal_item {
        width: 100%;
        padding: 0 20px !important;
    }
}