/* ================================================== 
*	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)
================================================== */
/*  ====================================================================================================
1 - media screen and (max-width: 1460px) - start
==================================================================================================== */
@media screen and (max-width: 1460px) {
  /* header - start */
  .primary_header .brand_logo {
    max-width: 240px;
  }

  .primary_header .brand_logo img {
    max-width: 150px;
  }

  .header_hotline h4 {
    font-size: 12px;
  }

  .header_hotline span {
    font-size: 15px;
  }

  .header_hotline .item_icon {
    width: 50px;
    height: 50px;
    margin: -8px 0px;
    margin-right: 6px;
    border: 3px solid #ffffff;
  }

  .primary_header .header_hotline {
    width: 250px;
  }

  .primary_header .main_menu > ul > li > a {
    padding: 0px 25px;
  }

  .primary_header .search_btn {
    min-width: 85px;
    padding: 0px 15px;
  }

  /* header - end */
  /* about - start */
  .faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.whoweare_content,
.testimonial_auto_wrap {
    margin: auto;
    height: 400px;
    max-width: 500px;
    overflow-y: scroll;
  }
  .faq_content_wrap::-webkit-scrollbar,
.skill_content_wrap::-webkit-scrollbar,
.faq_contact_form::-webkit-scrollbar,
.whatwedo_content::-webkit-scrollbar,
.whoweare_content::-webkit-scrollbar,
.testimonial_auto_wrap::-webkit-scrollbar {
    width: 0px;
  }

  .whoweare_content {
    padding: 15px;
  }

  /* about - end */
  /* home - start */
  .cta_image_1 {
    margin-bottom: -145px;
  }

  .feature_listlayout_boxed2 .item_icon {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border: 5px solid #ffffff;
  }
  .feature_listlayout_boxed2 .item_icon img {
    max-width: 35px;
  }

  .feature_listlayout_boxed2 {
    padding: 50px 30px;
  }

  /* home - end */
}
@media screen and (max-width: 1310px) {
  /* shop details - start */
  .shop_details .details_image .nav {
    width: 20%;
    padding-left: 20px;
  }

  .shop_details .details_image .nav li:not(:last-child) {
    margin-bottom: 20px;
  }

  .shop_details .details_image .tab-content {
    width: 80%;
  }
  .shop_details .details_image .tab-content img {
    width: 100%;
    display: block;
  }

  .shop_details .quantity_cart > li:not(:last-child) {
    margin-right: 20px;
  }

  /* shop details - end */
}
/* ====================================================================================================
1 - media screen and (max-width: 1460px) - end
==================================================================================================== */