@media ( min-width: 768px ) and ( max-width: 1356px ) {
    .banner-data .banner-title {font-size: 50px;}
    .banner-data .banner-description {font-size: 16px;}
}
@media ( min-width: 768px ) and ( max-width: 1100px ) {
    .banner-data .banner-title {font-size: 50px;}
    .dataTables_wrapper{padding: 10px;}
    body .bootstrap-iso .wpsc_pagination_prev_next_btn{margin-top: 15px;}
    #wpsc_frm_create_ticket .wpsc_form_field.field_93{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    #wpsc_frm_create_ticket .wpsc_form_field.field_93 > *{width: 33.33%;}
    #wpsc_frm_create_ticket .wpsc_form_field.field_93 > label{width: 100%;}
}

@media ( max-width: 960px ) {
    .wpsc_form_field.field_96 {
        width: 100% !important;
    }
}

@media ( min-width: 768px ) and ( max-width: 980px ) {
    .banner-data .banner-title {font-size: 34px;}
    .banner-data .banner-title {margin: 10px 0;}
    .banner-data .banner-description {font-size: 15px;line-height: 1.4;}
}

@media ( min-width: 0px ) and ( max-width: 767px ) {
    .banner-data .banner-title {font-size: 34px;}
    .banner-section img {left: 0;object-position: left center;}
    .banner-image-wrap.container-ratio {padding-top: 84.22%;min-height: 0;}
    .banner-data .banner-title {margin-top: 0;font-size: 40px;text-align: center;}
    .banner-data .banner-description {font-size: 15px;line-height: 1.6;}
    .banner-section .banner-data {width: 100%;text-align: center;max-width: 100%;margin-bottom: 0px;}
    .banner-section.container-ratio:before {background-size: auto 98px;}
    .banner-section:after {display: none;}
    .banner-image-wrap.container-ratio:after {content: '';position: absolute;z-index: 3;left: 0;bottom: -1px;width: 100%;height: 100%;pointer-events: none;display: block;background-image: url( '../images/banner-inner-shape.png' );background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
    .banner-section .container-small.banner-text-wrap {position: relative;background-color: #fff;width: 100%;padding: 15px 5%;}
    .banner-section .banner-data * {text-align: center;color: #000;}
    .primary-menu li{margin-left: 15px;}
    .container.ctnt {padding: 20px 0;}
    .dataTables_wrapper{padding: 10px;}
    /*
    #wpsc_popup .col-md-offset-2{margin-left:  10%;}
    #wpsc_popup .col-md-8{width: 95%;}
    */
    #wpsc_popup.col-xs-offset-1 {margin-left: 5%;}
    #wpsc_popup.col-xs-offset-1 {width: 90%}
    #wpsc_popup .wpsp_admin_label {white-space: nowrap;}
    body .bootstrap-iso .wpsc_pagination_prev_next_btn{margin-top: 15px;}]
    table#tbl_templates th, table#tbl_templates td{ white-space: nowrap;}
    table#tbl_templates th{white-space: nowrap;}
    #wpsc_frm_create_ticket .wpsc_form_field.field_93{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
    #wpsc_frm_create_ticket .wpsc_form_field.field_93 > *{width: 100%;}
    body .bootstrap-iso #wpsc_frm_create_ticket .form-group {margin-bottom: 20px !important;}
    body .bootstrap-iso #wpsc_frm_create_ticket .col-sm-6, body .bootstrap-iso #wpsc_frm_create_ticket .col-sm-12 {padding-left: 15px !important;padding-right: 15px !important;}
    .create_ticket_frm_submit{padding: 0 15px !important;}
    .create_ticket_frm_submit{margin: 10px 0 20px !important;}
    body .bootstrap-iso {font-size: 14px !important;}
    body .bootstrap-iso #wpsc_frm_create_ticket .form-group div{margin-bottom: 0px !important;}
    body .bootstrap-iso #wpsc_frm_create_ticket [type="radio"]{margin-top: 2px;}
    table#tbl_templates td{white-space: nowrap;}
    .dataTables_wrapper .dataTables_info{padding-top: 0 !important;}
    .dataTables_wrapper .dataTables_paginate{margin-bottom: 15px}
    body .bootstrap-iso .wpsc_pagination_prev_next_btn{margin-bottom: 0 !important;}

    #wpsc_frm_create_ticket .row.create_ticket_fields_container {
        margin: 0 !important;
    }

    #wpsc_frm_create_ticket .create_ticket_frm_submit {
        padding: 0 15px !important;
    }
}

@media ( max-width: 640px ) {
    .banner-data .banner-title {font-size: 28px;}
    .header-right .primary-menu{justify-content: center}
    .header-right .primary-menu li {margin-left: 10px;}
    .header-right .primary-menu li a{font-size: 13px}
    .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .headroom--unpinned .header-right{display: none}
    body .bootstrap-iso {font-size: 14px !important;}
    body #wpsc_create_ticket_submit, body #wpsc_create_ticket_reset{ font-size: 14px !important;padding: 14px 23px !important;margin: 5px 10px 5px 0}
    body .bootstrap-iso #wpsc_frm_create_ticket .col-sm-6, body .bootstrap-iso #wpsc_frm_create_ticket .col-sm-12 {padding-left: 15px !important;padding-right: 15px !important;}
    .create_ticket_frm_submit {padding: 0 10px !important;margin: 10px 0 20px !important;}
    #tbl_templates_wrapper .dataTables_length, #tbl_templates_wrapper .dataTables_filter{width: 100%;}
    .thread_user_name small{margin-bottom: 0;display: block}
    .thread_user_name small + br{display: none}
    .thread_user_name small i{margin: 0}

    .wpsc_thread .thread_body .thread_user_name{padding-bottom: 20px}
    .wpsc_reply_widget .attachment, .wpsc_reply_widget .submit{display: flex;float: none;clear: both;overflow: hidden;justify-content: center;flex-wrap: wrap;max-width: 385px;margin: 0 auto;}
    .wpsc_reply_widget .form-group{margin: 0 !important;}
    .wpsc_reply_widget  .attachment_link{display: flex;justify-content: center;align-items: center;flex-wrap: wrap}
    .wpsc_reply_widget  .attachment_link span{margin: 5px;width: calc(50% - 10px);}
    #wpsc_frm_tkt_reply .col-sm-6.submit button {margin: 5px;width: 100%;}
    .wpsc_thread .thread_messege{height: auto !important;}
    .create_ticket_fields_container{padding-top: 5px !important;}
    .banner-data .banner-title{margin: 0}
    #tbl_templates_filter input[type="search"]{max-width: 100% !important;}
    .wpsc_loading_icon img{height: 50px;}
    #tbl_templates_wrapper .dataTables_length select{min-width: calc(100% - 110px);}
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{text-align: left !important;}
    .wpsc_form_field.field_96{min-width: 100%;}
    body .bootstrap-iso #wpsc_frm_create_ticket label{font-size: 14px !important;}

}

@media ( min-width: 981px ) and ( max-width: 1050px ) {
    .banner-data .banner-description {font-size: 14px;padding-right: 50px;}
    .banner-data .banner-title {font-size: 41px;margin-bottom: 10px;}
}

@media ( min-width: 1051px ) and ( max-width: 1400px ) {
    .banner-data .banner-title {font-size: 41px;margin-bottom: 10px;}
    .banner-data .banner-description {font-size: 15px;padding-right: 50px;}
}

@media ( min-width: 1401px ) and ( max-width: 1680px ) {
    .banner-data .banner-title {font-size: 46px;}
    .banner-data .banner-description {font-size: 16px;padding-right: 50px;}
}

@media ( min-width: 768px ) and ( max-width: 1366px ) {
    .banner-section .banner-data {width: 50%;}
}

@media (max-width:1150px) and (min-width:980px) {
    .banner-data .banner-title {font-size: 34px;}
    .banner-data .banner-description {font-size: 14px;}
}

/** small header **/
@media ( min-width: 1500px ) {
    .banner-section .banner-data {margin-bottom: 140px;}
}

@media ( min-width: 1200px ) {
    /*  .banner-section.small-banner .banner-data {
    margin-bottom: 140px;
}*/
}

@media ( min-width: 768px ) {
    .banner-section .banner-image-wrap.container-ratio {padding-top: 27.25%;}
}

@media ( max-width: 767px ) {
    .banner-section{flex-wrap: wrap;}
    .banner-data .banner-title {font-size: 30px;}
    h2 {
        font-size: 28px !important;
    }
    .banner-section .banner-image-wrap.container-ratio {padding-top: 40%;}
    .create_ticket_fields_container{padding-left: 0 !important;padding-right: 0 !important;}
    .sample-sidebar {width: 300px; right: -300px;}

    .wpsc_form_field.field_93 div.row, 
    .wpsc_form_field.field_101.visible div.row {
        width: 100%;
    }
}

/** small header **/

@media screen and (orientation: landscape) and (max-width: 896px) {
    .banner-data .banner-title {font-size: 28px;}
    .banner-data .banner-description {font-size: 14px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .banner-image-wrap.container-ratio img {min-width: 100%;min-height: 100%;width: auto;height: auto;}
}
@media (max-width: 1500px) and (min-width: 1400px){
	.banner-data .banner-title {
 	   font-size: 41px;
	    margin-bottom: 130px;
	}
}
@media (max-width: 1399px) and (min-width: 1024px){
	.banner-data .banner-title {
 	     font-size: 39px;
    	     margin-bottom: 100px;
	}
}
@media (max-width: 1023px) and (min-width: 980px){
	.banner-data .banner-title {
 	     font-size: 34px;
   	     margin-bottom: 15px;
	}
}