/* ================================================== 
*	Project Name 	:  Printem - HTML5 Template
*	File 			:  Responsive CSS Base
*	Version 		:  1.0.0
*	Last change 	:  05 Octobar 2020
*	Author 			:  BDevs (https://themeforest.net/user/bdevs)
*	Developer:		:  Rakibul Islam Dewan
*	css code for responsive layout To make Responsive

==================================================

*	1 - media screen and (max-width: 1460px)
*	2 - media screen and (max-width: 1280px)
*	3 - media screen and (max-width: 1199px)
*	4 - media screen and (max-width: 991px)
*	5 - media screen and (max-width: 767px)
*	6 - media screen and (max-width: 680px)
*	7 - media screen and (max-width: 580px)
*	8 - media screen and (max-width: 480px)
*	9 - media screen and (max-width: 320px)
================================================== */
/*  ====================================================================================================
2 - media screen and (max-width: 1280px) - start
==================================================================================================== */
@media screen and (max-width: 1280px) {
  /* global - start */
  #backtotop {
    width: 45px;
    height: 45px;
    bottom: 48px;
  }

  #scroll {
    font-size: 15px;
    line-height: 50px;
  }

  /* global - end */
  /* header - start */
  .header_contact_info li:not(:last-child) {
    margin-right: 20px;
  }

  .header_contact_info li {
    font-size: 13px;
  }

  .main_menu > ul > li:not(:last-child) {
    margin-right: 25px;
  }

  .main_menu > ul > li > a {
    font-size: 14px;
  }

  .header_section .custom_btn span {
    width: 35px;
    height: 35px;
    font-size: 12px;
    margin-left: 20px;
    line-height: 38px;
    margin-right: -14px;
  }

  .header_section .custom_btn {
    font-size: 12px;
    padding: 5px 20px;
  }

  .header_section .action_btn {
    width: 45px;
    height: 45px;
    font-size: 14px;
    line-height: 47px;
  }

  .primary_social_links a {
    font-size: 13px;
  }

  .header_section .select_option .nice-select {
    font-size: 13px;
  }

  .header_top {
    min-height: 40px;
    padding: 5px 0px;
  }

  .header_section .brand_logo a {
    max-width: 170px;
  }

  .header_bottom {
    min-height: 80px;
    padding: 10px 0px;
  }

  .header_default + main {
    margin-top: 120px;
  }

  .search_body_collapse .form_item button {
    font-size: 20px;
  }

  .search_body_collapse .form_item input {
    height: 50px;
    font-size: 20px;
  }

  .primary_header .header_hotline {
    display: none;
  }

  .primary_header .main_menu {
    float: right;
  }

  .primary_header .main_menu > ul > li {
    margin: 0px;
  }

  .secondary_header + main {
    margin-top: 120px;
  }

  /* header - end */
  /* breadcrumb - start */
  .breadcrumb_section {
    min-height: 300px;
  }

  .page_title {
    font-size: 66px;
  }

  .breadcrumb_nav > li {
    font-size: 20px;
  }

  /* breadcrumb - end */
  /* faq - start */
  .faq_section .faq_accordion {
    margin: 0px;
    margin-bottom: 50px;
  }

  /* faq - end */
  /* portfolio - start */
  .masonry_portfolio_grid {
    margin: 15px 0px;
    margin-bottom: -15px;
  }

  /* portfolio - end */
  /* pricing - start */
  .cta_image_1 {
    width: 670px;
    margin-right: -150px;
    margin-bottom: -215px;
  }

  /* pricing - end */
  /* service - start */
  .cta_image_2 {
    width: auto;
    float: none;
    margin: 0px auto;
  }

  /* service - end */
  /* shop details - start */
  .shop_details hr {
    height: 1px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .shop_details .quantity_cart {
    margin: -5px;
  }
  .shop_details .quantity_cart > li {
    padding: 5px;
  }

  .description_tabnav a {
    font-size: 20px;
    padding-bottom: 15px;
  }

  .description_tabnav {
    margin-bottom: 20px;
  }

  .shop_details .details_content {
    padding: 0px;
    padding-left: 30px;
  }

  /* shop details - end */
  /* team - start */
  .circle_progress_item .percentage_text {
    font-size: 36px;
  }

  .circle_progress_item .percentage_text sub {
    font-size: 18px;
  }

  /* team - end */
  /* home - start */
  .home_one_banner .banner_contant {
    width: auto;
    margin: auto;
    max-width: 470px;
  }

  .home_one_banner .item_title {
    font-size: 40px;
  }

  .home_one_banner .decoration_text {
    left: -32%;
    font-size: 180px;
  }

  .home_one_banner .sub_title {
    font-size: 30px;
    padding-left: 50px;
  }

  .home_one_banner .custom_btn {
    font-size: 14px;
    padding: 10px 30px;
  }
  .home_one_banner .custom_btn span {
    width: 40px;
    height: 40px;
    line-height: 44px;
    font-size: 14px;
    margin-left: 30px;
    margin-right: -20px;
  }

  .about_content p span {
    font-size: 16px;
  }

  .blog_grid_1 .item_content {
    padding: 25px 30px;
  }

  .blog_grid_1 .post_admin {
    padding: 10px 30px;
    padding-right: 80px;
  }

  .blog_fullimage .item_content {
    padding: 30px;
  }

  .newsletter_boxed {
    margin-top: -130px;
    padding: 60px 40px;
  }

  .newsletter_boxed .form_item input {
    height: 60px;
  }

  .newsletter_boxed .icon_btn {
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 66px;
  }

  .newsletter_boxed .form_item {
    padding-right: 70px;
  }

  .portfolio_carousel.w_1545 {
    float: none;
    width: 100%;
  }

  .cta_content.ml__30 {
    margin: 0px;
  }

  .cta_section .hand_image {
    right: 60px;
    max-width: 280px;
  }

  /* home - end */
}
/* ====================================================================================================
2 - media screen and (max-width: 1280px) - end
==================================================================================================== */