/* ================================================== 
*	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)
================================================== */
/* ====================================================================================================
8 - media screen and (max-width: 480px) - start
==================================================================================================== */
@media screen and (max-width: 480px) {
  /* footer - start */
  .footer_widget_area,
.footer_brand_area {
    padding: 50px 0px;
  }

  .footer_bottom_boxed {
    padding: 30px 20px;
  }

  .footer_section .brands_list .logo_image {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* footer - end */
  /* blog details - start */
  blockquote {
    padding: 30px;
  }

  .details_section .details_content .share_links,
.details_section .details_content .primary_tag_list {
    margin-top: 20px;
  }

  /* blog details - end */
  /* portfolio - start */
  .metro_portfolio_grid .w_50 {
    width: 100%;
  }

  .cta_image_3:before {
    width: 370px;
    height: 370px;
  }

  /* portfolio - end */
  /* service - start */
  .cta_section .deco_image_1 {
    right: 20px;
    bottom: 20px;
    max-width: 100px;
  }

  .service_listlayout_boxed {
    display: block;
  }

  .service_listlayout_boxed .item_image {
    margin: 0px;
    float: none;
    margin-bottom: 20px;
  }

  .service_listlayout_boxed .item_content {
    display: block;
  }

  /* service - end */
  /* shop details - start */
  .shop_details .details_image .nav li {
    max-width: 80px;
  }

  .description_tabnav li {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .description_tabnav li:not(:last-child) {
    margin-right: 0px;
  }
  .description_tabnav li a {
    padding: 0px;
    padding-bottom: 2px;
    display: inline-block;
  }

  /* shop details - end */
  /* home - start */
  .home_two_banner .banner_image {
    width: 330px;
    height: 330px;
  }

  .home_two_banner .banner_image:after {
    width: 280px;
    height: 280px;
  }

  .home_two_banner .image_1 {
    max-width: 150px;
  }

  .home_two_banner .image_2 {
    max-width: 200px;
  }

  .home_two_banner .image_3 {
    top: 53px;
    right: 80px;
    max-width: 70px;
  }

  .creative_testimonial_carousel .testimonial_primary p {
    font-size: 14px;
  }

  .home_three_slider .btns_group li {
    width: 100%;
    display: block;
  }
  .home_three_slider .btns_group li:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .feature_listlayout_boxed2 {
    padding: 30px 15px;
  }

  .newsletter_boxed .newsletter_form {
    padding: 15px;
  }

  .newsletter_boxed .form_item {
    padding: 0px;
  }

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