WordPress

Briefly unavailable for scheduled maintenance.
Check back in a some hours.
403WebShell403Webshell
Server IP : 38.242.244.58 / Your IP : 216.73.216.240
Web Server : Apache/2.4.41 (Ubuntu)
System : Linux vmi1486879.contaboserver.net 5.4.0-166-generic #183-Ubuntu SMP Mon Oct 2 11:28:33 UTC 2023 x86_64
User : root ( 0)
PHP Version : 7.4.3-4ubuntu2.19
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF
Directory : /var/www/html/sura/public/sass/
Upload File :
[ Back ]
Current File : /var/www/html/sura/public/sass/_media-queries.scss
@media only screen and (max-width: 1920px){
  .header, .app_header, .header_inline, .header.static, .header.login_header{
    //background:yellow;
  }

  .prfl_detail{
    .row{
      .col-xl-3 {
        flex: 0 0 50%;
        max-width: 50%;
      }
    }
  }

}//Max width 1920

@media only screen and (max-width: 1600px){
    .header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:red;
    }

    .prfl_detail {
      padding: 0 0 0px 30px;
    }

  .upload_content{
    .tab_pane {
      padding: 15px;
    }
    .photos_column {
      width: 33.33%;
    }
  }

    .pfl_summary {
      width: 300px;
      flex: 0 0 300px;
      padding: 0;
    }

    .stock_grid_full {
      max-width: 1200px;
      .stock_grid_full {
        -webkit-column-width: 380px;
        -moz-column-width: 380px;
        column-width: 380px;
      }
    }

    .sector_profile_edit{
      .col-lg-7 {
        flex: 0 0 80%;
        max-width: 80%;
      }
      .col-xl-2{
        &:last-of-type{
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
    }

    .reg_summary{
      width: 400px;
      flex: 0 0 400px;
    }
    .reg_actions{
      .row{
        display:block;
        .col-lg-6 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
    }

    .app_main_inner {
      padding: 30px;
    }
    .app_header{
      padding: 0 30px;
    }

    .sales_overview{
      .col-xl-3{
        flex: 0 0 50%;
        max-width: 50%;
      }
    }
}//Max width 1600


@media only screen and (max-width: 1366px){
    .header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:blue;
    }
    .main_nav {
      margin-left: 30px;
    }
    .menu_nav_items {
      list-style-type: none;
      margin-right: 0;
    }
  .app_wrapper {
    left: -250px;
  }
  .app_content{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    left: 0;
    &.listing_page{
      -webkit-flex-basis: inherit;
      flex-basis: inherit;
      left: 0;
    }
  }



  .nav-open{
    .app_wrapper {
      left: 0px;
      overflow-x: hidden;
    }
  }
  .app_header{
      .menu_toggle{
        display: flex;
      }
  }
  .sales_overview{
    .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
  }
  .login_form{
    .inner_box {
      max-width: 490px;
    }
  }

  .blog_listing_page {
    padding: 30px 0;
  }
  .blog_excerpt {
    padding: 20px;
  }

  .sector_profile_edit{
    .col-lg-7 {
      flex: 0 0 60%;
      max-width: 60%;
    }
    .col-xl-2{
      &:last-of-type{
        flex: 0 0 20%;
        max-width: 20%;
      }
    }
  }

}//Max width 1280

@media only screen and (max-width: 1280px){
    .header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:brown;
    }

  .model_release_edit{
    .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-xl-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .form_col {
      width: 50%;
    }
  }

  .photo_grid {
    column-count: 3;
  }



  .stock_grid_full {
    max-width:793px;
    .stock_grid_full {
      -webkit-column-width: 380px;
      -moz-column-width: 380px;
      column-width: 380px;
    }
  }


    .wrap{
      padding:0 30px;
    }

    .section_stock_detail{
      .wrap{
        padding:0;
      }
    }

    .main_content {
      padding: 30px 0;
      .wrap.cat_cards{
        padding:0px;
      }
    }

    .footer {
      padding: 30px 0;
    }
    .footer_col{
      &.abt_col {
        width: 28%;
      }
      &.social_col {
        width: 24%;
      }
    }
  .sales_overview{
    .col-xl-3 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  .login_form{
    .inner_box {
      max-width: 430px;
    }
  }

  .section.contacts{
    .wrap{
      padding:0;
    }
  }

  .faq_page, .faq_contacts{
    padding: 30px 0;
  }

  .sector_profile_edit{
    .col-lg-7 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-xl-2{
      &:last-of-type{
        flex: 0 0 100%;
        max-width: 100%;
      }
    }
  }

  .stock_grid {
    columns: 6 320px;
    column-gap: 4px;
  }



}//Max width 1280


@media only screen and (max-width: 1100px){
	.header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:green;
    }

  .form_stock_upload{

  }

  .add_new_model{
    .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .col-xl-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  .card.payment_edit{
    .form_row {
      margin: 0;
    }
  }

    .pfl_summary {
      width: 260px;
      flex: 0 0 260px;
    }

    .menu_nav_items {
      margin-left: 10px;
    }

  .upload_options {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }

  .reg_center{
    .reg_summary {
      width: 350px;
      flex: 0 0 350px;
      padding: 20px;
    }
    .reg_actions{
      padding: 20px;
    }
    .progress_excerpt p {
      font-size: 14px;
      line-height: 22px;
    }
  }

  .sector_pass_edit{
    .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-xl-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  .sector_profile{
    .col-lg-8 {
      flex: 0 0 65%;
      max-width: 65%;
    }
    .col-xl-3 {
      flex: 0 0 35%;
      max-width: 35%;
    }
  }

  .social_share{
    left: -100px;
  }

  .section.contacts {
    padding: 30px 0;
  }

  .landing_tiles{
    .view{
      margin: 0 0 30px;
    }
  }

  .section_title{
    font-size: 1.457em;
  }

  .hero_banner .wrap {
    max-width: 650px;
    padding: 0;
  }

  .wrap {
    padding: 0 20px;
  }

  .footer {
    padding:20px 0;
    .full-width {
      margin: 0 -10px;
    }
  }

  .footer_col{
    padding: 0 10px;
    &.abt_col {
      width: 26%;
    }
    &.social_col {
      width: 25%;
    }
  }

  .footer_copyright {
    padding-top: 20px;
    margin-top: 20px;
  }

  .app_main_inner {
    padding: 20px;
  }
  .app_header{
    padding: 0 20px;
  }

  .login_form{
    .inner_box {
      max-width:390px;
    }
  }

  .single_page_title{
    h2{
      font-size: 1.8em;
    }
  }

  .single_blog_page {
    padding: 30px 0;
  }

  .app_upload_wrap {
    display: block;
    min-height: auto;
    .upload_content {
      flex: unset;
      display: block;
      min-width:auto;
    }
    .upload_sidebar {
      width: 100%;
      flex: 0 0 100%;
      padding: 20px;
      display: block;
    }
  }

}//Max width 1100


@media only screen and (max-width: 960px){
	.header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:purple;
    }

  .stock_list_wrap {
    padding-left: 20px;
  }

  .photo_grid {
    column-count: 2;
  }

    .upload_content{
      .tab_header_right {
        margin-left: auto;
        padding: 0 20px;
        width: 30%;
        text-align: right;
      }
      .tab_header_left{
        width:70%;
      }
      .global_tabs {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
      }

      .global_tabs::-webkit-scrollbar {
        display: none;
      }
    }



    .recently_viewed{
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
    }

    .app_main_inner.contributor_prfl{
      display: block;
      flex-direction: row;
      min-height: auto;
    }

    .pfl_summary {
      width: 100%;
      flex: 0 0 100%;
      margin-bottom: 30px;
    }

  .prfl_detail {
    padding: 0;
    border: none;
  }

  .stock_grid_full {
    max-width: none;
    -webkit-column-width:unset;
    -moz-column-width:unset;
    column-width: unset;
  }


  .app_content.listing_page{
    padding: 20px;
    padding-left: 40px;
  }


  .stock_detail_left{
    width: 100%;
    padding-right: 0;
    text-align: center;
  }

  .stock_detail_right {
    width: 100%;
  }

  .detail_thumbnail {
    max-width: 300px;
    height: auto;
  }


  .logo_col {
    width: 190px;
    padding: 0 20px;
    text-align: left;
  }

  .not-auth-box {
    padding-right: 20px;
  }

  .menu_nav_items {
    margin-left: 0px;
  }

  .header_inline{
    .hero_search{
      .search_input {
        width: 220px;
      }
      .selectdiv{
        display: none;
      }
    }

    .menu_nav_items {
      margin-left: 0;
    }
  }


  .new_upload{
    .dropzone{
      margin: 40px 10%;
    }
  }

  .upload_options{
    display: block;
    .upload_cols {
      flex: unset;
      max-width: none;
      padding: 0;
      border-right: none;
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
    }
  }

  .single_blog_page{
    .wrap {
      max-width: none;
    }
  }

  .site_downloads{
    li a{
      padding: 20px 0;
      padding-left: 0;
      background:none;
    }
  }

  .single_blog_page {
    padding:20px 0;
  }

  .social_share {
    left: 0;
    top: 0;
    position: relative;
    width: auto;
    text-align: left;
    background: none;
    padding-top: 0;
    ul li{
      display:inline-block;
      *display:inline;
      zoom:1;
      vertical-align:top;
    }
  }

  .blog_articles li {
    width: 48%;
    margin-bottom: 30px;
  }

  .blog_excerpt h4{
    font-size: 15px;
  }

  .section.contacts {
    padding: 20px;
  }

  .contact_form {
    width: 52%;
    padding:20px;
  }

  .contact_address {
    width: 48%;
    padding: 20px;
  }

  .landing_tiles{
    .view{
      margin: 15px;
    }
  }

  .hero_banner{
    .wrap{
      h1{
        font-size:2em;
      }
      h2{
        font-size: 1.1em;
        max-width: 530px;
      }
    }
  }

  .browse_cat_list {
    margin: 0;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .footer_col{
    width: 23%;
    &.abt_col {
      width: 100%;
      margin-bottom: 30px;
      border-bottom: #1b1827 solid 1px;
      padding-bottom: 20px;
    }
    &.social_col {
      width: 31%;
    }
  }

  .login_banner {
    width: 50%;
  }

  .login_form .inner_box {
    max-width: 340px;
  }
  .login_form{
    .right_form {
      padding-left: 10px;
    }
    .left_form {
      padding-right: 10px;
    }
    .right_form.w-100 {
      width: 100%;
      padding-left: 0;
      a{
        display: block;
      }
    }
  }
  .faq_page, .faq_contacts {
    padding: 20px 0;
  }

  .faq_excerpt {
    margin-bottom: 30px;
    h3{
      font-size: 1.4em;
    }
  }

  .faq_contacts{
    .flex_item {
      width: 40.538462%;
      margin: 0 20px;
    }
  }

  .listing_page {
    padding:20px;
  }

  .pages_form{
    .col-lg-8{
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

}//max width 960

@media only screen and (max-width: 768px){
	.header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:black;
    }

  .user_container{
    .global_tabs{
      padding:0;
    }
  }

  .upload_content .photos_column {
    width: 50%;
  }

  .upload_content{
    .tab_header {
      width: 100%;
      height: auto;
      display: block;
    }
    .tab_header_left{
      width: 100%;
    }
    .tab_header_right {
      display: block;
      padding: 10px;
      border-top: #ddd solid 1px;
      width: 100%;
    }
    .ms-parent {
      width: 100% !important;
    }
    div.tagsinput {
      width: 100% !important;
    }
  }

  .model_release_edit{
    .form_col {
      width:100%;
      padding: 0;
    }
  }


    .add_new_model{
      .col-lg-8 {
        .payment_edit{
          .form_col {
            width: 100%;
            padding: 0;
          }
        }
      }
    }

  .recently_viewed{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  .abt_edit_form{
    .form_col {
      width: 50%;
    }
  }

    .datagrid.common_align_left{
      text-align: left;
      tbody tr td{
        text-align: left;
      }
    }


    .member_details{
      .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
        &:first-of-type{
          margin-bottom:10px;
        }
      }
    }

    .royalty_pricing{
        .form_col{
          width: 100%;
        }
    }

  .right_managed_form{
    .form_col {
      width: 50%;
    }
  }

    .prfl_detail{
      .row .col-xl-3 {
        flex: 0 0 100%;
        max-width: 100%;
      }
    }

  .section_about{
    .about_thumbnail{
      display: none;
    }
  }



    .header_inline{
      .app_header_left, .app_header_right{
        display:none;
      }
    }

  .hide_on_mobile, .top_header{
    display: none !important;
  }

  .logo_col {
    width: auto;
  }

  .member_page_tabs{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    &::-webkit-scrollbar {
      display: none;
    }
  }


  .reg_center{
    position: relative;
    display: block;
    flex-direction: unset;
    min-height: auto;
    .reg_summary {
      width: 100%;
      flex: unset;
      padding: 20px;
      padding-bottom: 0;
      height: auto;
    }
  }

  .sector_payment{
    .datagrid tbody tr td{
      text-align: left;
      white-space: initial;
    }
  }

  .payment_edit {
    padding: 20px;
  }

  .sector_pass_edit{
    .form_col {
      width: 100%;
    }
    .col-xl-3{
      display:none;
    }
  }

  .sector_profile{
    .col-xl-3 {
      display: none;
    }
    .col-lg-8 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .datagrid tbody tr td{
      text-align: left;
      white-space: initial;
    }
  }

  .quick_upload_btn{
    padding: 0px 42px 0px 10px;
  }

  .site_downloads li a {
    padding: 20px 0;
    .download_desc {
      float: left;
      width: 100%;
      padding-right: 0;
      padding-top: 0;
      margin-bottom: 20px;
    }
    .download_btn{
      float: left;
      width: auto;
    }
  }

  .related_blog_articles{
    .blog_articles{
      li{
        &:last-of-type{
          width:100%;
        }
      }
    }
  }

  .hero_banner{
    .featured_img_contributor{
      display: none;
    }
    .upload_count{
      bottom: 25px;
    }
  }

  .blog_articles li {
    width: 100%;
    margin-bottom: 20px;
  }

  .single_page_title h2{
    font-size: 1.8em;
  }

  .blog_listing_page {
    padding: 20px 0;
  }

  .about_banner{
    .wrap h2{
      font-size: 2em;
    }
  }

  .about_thumbnail {
    width: 100%;
    margin-bottom: 30px;
  }

  .about_excerpt {
    width: 100%;
    padding-right: 0;
  }

  .section_about {
    padding: 20px 0;
  }

  .login_banner {
    display: none;
  }

  .login_form{
    .inner_box {
      max-width: none;
    }
  }

  .form_excerpt {
    margin-bottom: 20px;
  }

  .sales_overview{
    .col-xl-3 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  .mb-3 {
    margin-bottom: 20px !important;
  }

  .header{
    background: #282034;
  }

  .landing_tiles{
    .view{
      margin: 2px;
      width: 220px;
      height: 156px;
      overflow: hidden;
    }
  }

  .main_content{
    padding:20px 0;
    .wrap.cat_cards {
      padding: 0 20px;
    }
  }


  .browse_cat_list {
    margin: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    li a{
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }


  .menu_nav_items, .main_nav{
    display: none;
  }

  .hero_banner{
    .wrap {
      max-width: 650px;
      padding: 20px;
    }
  }

  .hero_search{
    height: 50px;
    line-height: 50px;
    .button_col{
      width:50px;
      height: 50px;
    }
    .input_col {
      margin-right: 50px;
      .selectdiv{
        width: 100px;
        height:50px;
      }
    }

    .search_input{
      width: 70%;
      input {
        border: none;
        padding: 10px 19px;
        height: 100%;
        width: 100%;
      }
    }
  }

  .footer_col {
    width: 33%;
    margin-bottom: 20px;
    &.social_col {
      width: 100%;
      margin-bottom: 0;
    }
  }

  .header, .header_inline{
    .sura_logo {
      max-width: 140px;
      line-height:70px;
    }
  }

  .menu_toggle{
    display: flex;
  }

  .datagrid thead {
    display: none;
  }

  .datagrid tbody tr {
    background: #FFFFFF;
    border-bottom: 3px solid #f2f4f6;
    display: block;
  }

  .datagrid tbody tr td {
    padding: 12px;
    border: 0;
    border-bottom: 1px solid #f2f4f6;
    text-align: right;
    display: block;
    vertical-align: middle;
    min-height: 45px;
    //white-space: nowrap;
    //overflow: hidden;
    //text-overflow: ellipsis;
  }

  .datagrid table td:before {
    content: attr(data-label);
    float: left;
    font-family:$font-semibold;
    font-weight: normal;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

 .datagrid{
   .table_cta_btn{
     display:inline-block;
     *display:inline;
     zoom:1;
     vertical-align:top;
   }
 }

  .show-basket{
    .delete_icon_cart{
      .item_svg_icon {
        left: auto;
        right: 24px;
      }
    }
  }

  .login_form{
    .right_form.w-100 {
      width: 100%;
      padding-left: 0;
      a{
        display: initial;
      }
    }
  }

  .section.contacts {
    .wrap{
      display: block;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius:0;
      -o-border-radius: 0;
      border-radius: 0;
    }
  }

  .address{
    margin-bottom:20px;
    &:last-of-type{
      margin-bottom:0;
    }
  }


  .contact_form{
    .form_group{
      &:last-of-type{
        margin-bottom:0;
      }
    }
  }

  .contact_form {
    width:100%;
  }

  .contact_address {
    width: 100%;
    border-bottom: #f9f9fb solid 6px;
  }

  .faq_contacts{
    .flex_item {
      margin: 0 10px;
    }
  }

  .faq_sub_title{
    font-size: 1.25em;
    margin-bottom: 20px;
  }

  .text_sheet{
    h2{
      font-size: 1.5em;
    }
    h3{
      font-size:1.34em;
    }
    h4{
      font-size: 1.1em;
    }
  }

  .terms_condition {
    padding: 20px 0;
  }

  .sector_profile_edit{
    .col-lg-7 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .col-xl-2{
      flex: 0 0 100%;
      max-width: 100%;
      &:last-of-type{
        flex: 0 0 100%;
        max-width: 100%;
      }
    }
    .form_col {
      width: 100%;
      padding: 0;
    }

    .payment_edit {
      padding: 20px;
    }
  }

  .profile_edit{
    .image_box{
      width: 110px;
      height: 110px;
    }
  }

  .licence_tabs, .similar_menu, .similar_thum, .tags_wrap{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    &::-webkit-scrollbar {
      display: none;
    }
  }


}//max width 768


@media only screen and (max-width: 500px){
 	.header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:yellow;
    }

  .upload_content .photos_column {
    width: 100%;
    padding: 0;
  }

  .option_btns button{
    font-size: 1em;
    min-width: auto;
    margin-right: 10px;
  }

  .recently_viewed{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }


  .abt_edit_form{
    .form_col {
      width:100%;
    }
  }

  .right_managed_form{
    .form_col {
      width:100%;
    }
  }

  .date_filter {
    width: 100%;
  }

  .blog_excerpt {
    padding: 15px;
  }


  .about_banner{
    video{
      display: none;
    }
  }



  .detail_thumbnail {
    max-width: 210px;
  }


  .details_table table td, .details_table table th {
    padding: 10px;
    display: block;
  }

  .selectable_type {
    padding: 10px;
  }

  .new_upload .dropzone {
    margin: 20px;
  }

  .user_container {
    padding:0;
  }

  .member_page_tabs li a{
    padding:10px;
  }

  .progress_menu li{
    margin-bottom: 24px;
  }

  .success_message h4, .rejected_message h4, .pending_message h4{
    font-size: 15px;
  }

  .reg_actions{
    .payment_instruction {
      padding-left: 0;
      background: none;
    }
  }

  .sr_heading_title {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
  }


  .sector_pass_edit{
    .col-lg-8{
      padding:0;
    }
  }

  .faq_heading{
    font-size: 16px;
    padding: 14px 20px;
    padding-left: 0;
    &:before{
      display: none;
    }
    .icon_state{
      width: 12px;
      &:before{
        width: 10px;
        height: 2px;
        top: 8px;
        left: 4px;
      }
      &:after {
        width: 2px;
        height: 10px;
        top: 4px;
        left: 8px;
      }
    }
  }

  .faq_body {
    padding: 14px 20px;
    padding-left: 0;
  }


  .faq_contacts{
    .flex_item {
      margin: 0 30px;
      width: 100%;
      margin-bottom: 20px;
      &:last-of-type{
        margin-bottom:0px;
      }
    }
  }

  .hero_banner{
    .featured_img_contributor, .upload_count{
      display: none;
    }
  }

  .single_page_title h2 {
    font-size: 1.5em;
  }

  .about_banner{
    .wrap{
      h2{
        font-size:1.8em;
        line-height: 1.3;
      }
      p{
        font-size: 1.08em;
      }
    }
  }

  .app_header{
    .login_label{
      display: none;
    }
  }

  .widget-subheading{
    font-size: 14px;
  }

  .card-header-title{
    font-size: 15px;
    white-space: initial;
  }

  .widget_count{
    font-size: 18px;
    line-height: 20px;
  }

  .landing_tiles{
    .view{
      width: 316px;
      height: 216px;
      margin: 0;
      margin-bottom: 20px;
    }
  }

  .section_title {
    font-size: 1.154em;
  }

  .browse_cat_list {
    margin: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .hero_banner{
    .wrap{
      h1{
        font-size: 1.6em;
      }
      h2{
        font-size: 1em;
      }
    }
  }

    .hero_search{
      .input_col .selectdiv {
        display: none;
      }
      .search_input {
        width: 100%;
        input{
          border: none;
          padding: 10px 19px;
          height: 100%;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }

  .footer_col {
    width: 100%;
    padding-top: 15px;
    border-bottom: #1a1727 solid 1px;
    border-top: #342f47 solid 1px;
    padding-bottom: 10px;
    margin-bottom: 0;
    &:last-of-type{
      border-bottom: none;
      padding-bottom: 0;
    }
    &.abt_col {
      width: 100%;
      margin-bottom: 0;
      border-bottom: #1b1827 solid 1px;
      padding-bottom: 20px;
      border-top: 0;
      padding-top: 0;
    }
  }
  .page_excerpt {
    margin-bottom: 20px;
  }

  .login_form{
    padding: 20px 0;
    .form_group {
      margin-bottom: 20px;
    }
  }
  .forgot_pass{
    .right_form {
      width: 100%;
      padding-left: 0;
    }
  }

  .login_form{
    .left_form {
      width: 100%;
      padding-right: 0;
    }
    .right_form {
      width: 100%;
      padding-left: 0;
    }
  }

  .form_excerpt{
    margin-bottom: 30px;
    h4{
      font-size: 1.59em;
    }
  }

  .initialize_btn{
    display: none;
  }

  .article_title{
    font-size: 1.5em;
  }

  #sales_history_div{
    .btn.creat_new.no_cursor{
        display:none;
    }
  }

  .filter_row {
    display: block;
    .filter_col {
      width: 100%;
      flex: 0 0 100%;
      .filter_btn{
        margin-top: 20px;
      }
    }
  }

  .stock_type_menu{
    padding:15px 0;
  }

  .stock_type_nav{
    li a{
      font-size: 13px;
      &:after{
        bottom: -17px;
      }
    }
  }

  .stock_list_wrap {
    padding-left: 40px;
  }

  .side_bar_nav {
    position: absolute;
    padding-top: 0;
  }

  .side_bar_nav_toggle{
    top: 50px;
  }

  .app_content.listing_page {
    padding: 20px;
  }

  .app_main_inner{
    .user_container{
      padding:20px;
    }
  }

  .photo_grid {
    column-count: 1;
  }

}//max 500px

@media only screen and (max-width: 330px){
	.header, .app_header, .header_inline, .header.static, .header.login_header{
    	 //background:pink;
    }

  .app_main_inner .user_container {
    padding: 15px;
  }

  .card-body {
    padding: 15px;
  }

  .form_group input[type="text"], .form_group input[type="tell"], .form_group input[type="password"], .form_group input[type="email"], .form_group input[type="tel"], .form_group input[type="submit"], .form_group textarea, .form_group input[type="number"] {
    height: 45px;
    padding: 10px 15px;
  }

  .section.contacts, .contact_address, .contact_form, .app_content.listing_page{
    padding: 15px;
  }

  .clickable_td{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
    width:150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .stock_type_nav{
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    &::-webkit-scrollbar {
      display: none;
    }
    li{
      margin: 0;
      a{
        font-size: 12px;
        line-height: 20px;
        padding: 0 20px;
        &:after{
          display: none;
        }
      }
    }
  }

  .listing_page {
    padding: 10px;
  }

  .reg_center{
    .reg_actions {
      padding: 15px;
    }
  }

  .payment_edit {
    padding: 15px;
  }

  .sector_profile_edit{
    .col-lg-7 {
      padding: 0;
    }
    .col-xl-2:last-of-type {
      display: none;
    }
  }

  .profile_edit{
    .image_box {
      width: 90px;
      height: 90px;
    }
  }


  .text_sheet{
    h2{
      font-size:1.2em;
    }
    h3{
      font-size:1.1em;
    }
    h4{
      font-size: 1em;
    }
  }

  .single_page_title h2 {
    font-size: 1.3em;
  }

  .faq_excerpt h3 {
    font-size: 1.2em;
  }

  .app_main_inner {
    padding: 15px;
  }


  .app_header {
    padding: 0 15px;
  }

  .app_wrapper {
    left: -230px;
  }

  .app_wrapper.search_landing {
    left: 0;
  }

  .about_banner .wrap h2 {
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 20px;
  }


  .app_navigation{
    width: 230px;
  }

  .nav_menu  .item_svg_icon{
    width: 20px;
  }

  .wrap, .main_content .wrap.cat_cards{
    padding:0 15px;
  }

  .header, .header_inline{
    .sura_logo {
      max-width: 120px;
      line-height: 70px;
    }
  }

  .section_title {
    font-size: 1.157em;
  }

  .wv_navigation{
    width: 230px;
  }

  .nav-open{
    .vw_content {
      transform: translate3d(230px, 0px, 0px);
    }
  }

  .login_dt li a{
    width: 80px;
    padding: 3px 10px;
  }

  .browse_cat_list {
    margin: 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .footer_copyright {
    padding-top: 15px;
    margin-top: 15px;
  }

  .hero_search{
    .search_input input{
      width: 100px;
    }
  }



}//max 330px


// Print Styles
 
@media print {

	* {
		background: transparent !important; 
		color: black !important; 
		text-shadow: none !important; 
		filter:none !important; 
		-ms-filter: none !important; 
	} 
	
	a, 
	a:visited { 
		text-decoration: underline; 
	}
	
	a[href]:after { 
		content: " (" attr(href) ")"; 
	}
	
	abbr[title]:after { 
		content: " (" attr(title) ")"; 
	}
	
	.ir a:after, 
	a[href^="javascript:"]:after, 
	a[href^="#"]:after { 
		content: ""; 
	} 
	
	pre, 
	blockquote { 
		border: 1px solid #999; 
		page-break-inside: avoid; 
	}
	
	thead { 
		display: table-header-group; 
	}
	
	tr, 
	img { 
		page-break-inside: avoid; 
	}
	
	img { 
		max-width: 100% !important; 
	}
	
	@page { 
		margin: 0.5cm; 
	}
	
	p, 
	h2, 
	h3 { 
		orphans: 3; 
		widows: 3; 
	}
	
	h2, 
	h3 { 
		page-break-after: avoid; 
	}
	
}
Youez - 2016 - github.com/yon3zu
LinuXploit