/* ================================================== 
*	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)
================================================== */
/* ====================================================================================================
7 - media screen and (max-width: 580px) - start
==================================================================================================== */
@media screen and (max-width: 580px) {
  /* global - start */
  #backtotop {
    width: 40px;
    height: 40px;
  }

  #scroll {
    font-size: 14px;
    line-height: 46px;
  }

  /* global - end */
  /* header - start */
  .header_bottom {
    min-height: auto;
    padding: 15px 0px;
  }

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

  .mobilemenu_btns_group button {
    font-size: 25px;
	font-weight: 600;
	color:#fec931;
  }

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

  .search_body_collapse .form_item input {
    height: 45px;
    font-size: 16px;
  }

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

  /* header - end */
  /* breadcrumb - start */
  .page_title {
    font-size: 54px;
  }

  /* breadcrumb - end */
  /* about - start */
  .team_grid .member_name {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .team_grid .member_title {
    margin-bottom: 12px;
  }

  .team_grid .square_social_links li:not(:last-child) {
    margin-right: 4px;
  }

  .team_grid .item_content {
    padding: 20px;
  }

  /* about - end */
  /* blog - start */
  .blog_standard .item_content {
    padding: 30px;
  }

  .blog_standard .item_title > a,
.blog_quote .item_title > a {
    font-size: 22px;
  }

  .blog_quote {
    padding: 40px 30px;
  }

  .blog_standard .post_type {
    margin-bottom: 20px;
  }

  /* blog - end */
  /* portfolio details - start */
  .masonry_details_images {
    margin: -5px;
  }

  .masonry_details_images .grid-item {
    padding: 5px;
  }

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

  /* portfolio details - end */
  /* home - start */
  .home_one_banner .banner_image {
    min-height: 290px;
    margin-bottom: 30px;
  }

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

  .home_one_banner .sub_title {
    font-size: 18px;
    padding-left: 45px;
    margin-bottom: 20px;
  }

  .home_one_banner .custom_btn {
    font-size: 13px;
    padding: 10px 25px;
  }

  .home_one_banner .custom_btn span {
    width: 35px;
    height: 35px;
    line-height: 39px;
    font-size: 12px;
    margin-left: 25px;
    margin-right: -15px;
  }

  .home_one_banner .decoration_text {
    font-size: 110px;
  }

  .about_image_2:before {
    width: 150px;
    height: 150px;
  }

  .home_two_banner .banner_image {
    width: 460px;
    height: 460px;
  }

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

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

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

  .home_two_banner .image_3 {
    top: 106px;
    right: 120px;
    max-width: 90px;
  }

  .home_two_banner .item_title {
    font-size: 34px;
  }

  .home_two_banner .decoration_text {
    font-size: 60px;
  }

  .feature_card .item_title {
    font-size: 20px;
  }

  .funfact_item {
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
  }
  .funfact_item:not(:last-child) {
    border: none;
    border-bottom: 1px solid #ececec;
  }

  .creative_testimonial_carousel {
    padding: 30px;
  }

  .creative_testimonial_carousel .testimonial_primary {
    padding-top: 0px;
    padding-left: 0px;
  }

  .creative_testimonial_carousel .owl-nav {
    margin-top: 30px;
    padding-left: 0px;
  }

  .home_three_slider .item_title {
    font-size: 66px;
    margin-bottom: 20px;
  }

  .home_three_slider p {
    font-size: 14px;
  }

  .home_three_slider .slider_image {
    max-width: 400px;
    margin: 0px auto 40px;
  }

  .funfact_item {
    min-height: auto;
  }

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