/* ================================================== 
*	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)
================================================== */
/* ====================================================================================================
6 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) {
  /* global - start */
  .section_title .big_title {
    font-size: 36px;
  }

  .section_title .small_title {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .section_title .biggest_title {
    font-size: 120px;
  }

  .plus_effect:before {
    width: 100px;
  }

  .plus_effect:after {
    height: 100px;
  }

  .plus_effect:hover:before {
    width: 60px;
  }

  .plus_effect:hover:after {
    height: 60px;
  }

  /* global - end */
  /* portfolio - start */
  .metro_portfolio_grid .grid-item,
.metro_portfolio_grid .grid-sizer {
    width: 50%;
  }

  .metro_portfolio_grid .w_50 {
    width: 50%;
  }

  .portfolio_fullimage a, .portfolio_fullimage img {
    width: 100%;
    display: block;
  }

  .cta_image_3:before {
    top: 50%;
    left: 50%;
    width: 470px;
    height: 470px;
    transform: translate(-50%, -50%);
  }

  /* portfolio - end */
  /* service - start */
  .funfact_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 50px 15px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
  }

  .funfact_bordered {
    margin: 0px -15px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
  }

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

  .description_tabnav a {
    font-size: 16px;
  }

  .description_tabnav li:not(:last-child) {
    margin-right: 30px;
  }

  .description_tabnav {
    margin: 0px;
    margin-bottom: 20px;
  }

  /* shop details - end */
  /* home - start */
  .blog_fullimage_2 .item_content {
    padding: 20px;
  }

  .blog_fullimage_2 .item_title > a {
    font-size: 18px;
  }

  .blog_fullimage_2 .absolute_btn {
    top: 20px;
    right: 20px;
  }

  .testimonial_primary p.font_24 {
    font-size: 18px;
  }

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