/* ================================================== 
*	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)
================================================== */
/*  ====================================================================================================
3 - media screen and (max-width: 1199px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) {
  /* header - start */
  .main_menu > ul > li:not(:last-child) {
    margin-right: 20px;
  }

  /* header - end */
  /* footer - start */
  .footer_newsletter_boxed .form_list > li:not(:last-child) {
    width: 100%;
    display: block;
    margin-right: 0px;
  }

  .footer_newsletter_boxed .form_list {
    position: relative;
  }

  .footer_newsletter_boxed .form_list > li:last-child {
    top: 0px;
    right: 0px;
    position: absolute;
  }

  .footer_newsletter_boxed input {
    width: 100%;
  }

  .secondary_footer .footer_about {
    padding: 80px 30px 30px;
  }

  .footer_newsletter_boxed {
    margin-right: 0px;
    padding: 30px 35px;
  }

  .footer_newsletter_boxed .newsletter_title {
    font-size: 20px;
  }

  .small_blog .item_title > a {
    font-size: 16px;
  }

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

  /* footer - end */
  /* sidebar - start */
  .sidebar_section .widget {
    padding: 40px 30px;
  }

  /* sidebar - end */
  /* about - start */
  .about_content {
    padding-left: 0px;
  }

  .faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.testimonial_auto_wrap {
    margin: auto;
    height: 370px;
    padding: 30px;
    max-width: 100%;
    overflow-y: scroll;
  }
  .faq_content_wrap::-webkit-scrollbar,
.skill_content_wrap::-webkit-scrollbar,
.faq_contact_form::-webkit-scrollbar,
.whatwedo_content::-webkit-scrollbar,
.testimonial_auto_wrap::-webkit-scrollbar {
    width: 0px;
  }

  .faq_accordion .card-header button {
    font-size: 16px;
  }

  .circle_progress_item .percentage_text {
    font-size: 30px;
  }

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

  /* about - end */
  /* blog details - start */
  .details_section .details_content {
    padding: 30px;
  }

  .blog_details .details_content .item_title {
    font-size: 26px;
  }

  .details_section .details_content .title_text {
    font-size: 22px;
  }

  blockquote .blockquote_title {
    font-size: 22px;
  }

  .author_information .author_thumbnail {
    width: 150px;
    height: 150px;
    margin-right: 30px;
  }

  .author_information .author_name {
    font-size: 20px;
  }

  .comment_area .title_title,
.comment_form .title_title {
    font-size: 24px;
  }

  /* blog details - end */
  /* service - start */
  .funfact_bordered {
    border: none;
  }

  /* service - end */
  /* service details - start */
  .design_guideline_info .guideline_content .item_title {
    font-size: 22px;
  }

  /* service details - end */
  /* shop details - start */
  .shop_details .details_content {
    padding: 0px;
    padding-left: 30px;
  }

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

  .service_grid_2 .item_content_wrap {
    padding: 60px 30px;
  }

  .home_two_banner .banner_image {
    float: right;
    width: 600px;
    height: 600px;
    margin-right: 0px;
  }

  .home_two_banner .image_1 {
    top: 40px;
    left: 30px;
    max-width: 330px;
  }

  .home_two_banner .image_2 {
    bottom: 30px;
    right: -10px;
    max-width: 370px;
  }

  .home_two_banner .image_3 {
    top: 140px;
    right: 90px;
    max-width: 130px;
  }

  .home_three_slider .item_title {
    font-size: 90px;
  }

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

  .home_three_slider .small_title {
    font-size: 22px;
    padding-left: 50px;
    margin-bottom: 25px;
  }

  .home_three_slider .slider_image {
    width: 580px;
  }

  /* home - end */
}
@media screen and (max-width: 1100px) {
  /* global - start */
  .section_title .small_title {
    font-size: 40px;
  }

  .section_title .big_title {
    font-size: 42px;
  }

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

  /* global - end */
  /* header - start */
  .secondary_header .brand_logo,
.secondary_header .header_icon_btns {
    width: 100%;
  }

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

  /* breadcrumb - end */
  /* about - start */
  .about_content p span {
    font-size: 16px;
  }

  .service_grid .item_content {
    padding: 40px 20px;
  }

  .team_grid .item_content {
    padding: 25px;
  }

  /* about - end */
  /* home - start */
  .blog_grid_1 .item_title > a,
.blog_fullimage .item_title > a {
    font-size: 18px;
  }

  .home_two_banner .banner_image {
    float: none;
    width: 530px;
    height: 530px;
    display: table;
    margin: 0px auto;
  }

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

  .home_two_banner .image_1 {
    top: 20px;
    left: 20px;
    max-width: 270px;
  }

  .home_two_banner .image_2 {
    right: 15px;
    bottom: 50px;
    max-width: 330px;
  }

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

  .home_two_banner .item_title {
    font-size: 50px;
    margin-bottom: 40px;
  }

  .home_two_banner .sub_title {
    font-size: 22px;
    padding-left: 50px;
    margin-bottom: 30px;
  }

  .service_split .service_boxed {
    padding: 48.5px 20px;
  }

  .testimonial_person_image {
    width: 390px;
    margin-top: -235px;
    margin-left: -70px;
  }

  .creative_testimonial_carousel {
    padding: 50px 70px;
    margin-bottom: 55px;
  }

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

  .orange_shape {
    right: 0px;
    width: 600px;
    height: 550px;
  }

  /* home - end */
}
@media screen and (max-width: 1040px) {
  /* header - start */
  .main_menu > ul > li > a {
    font-size: 12px;
  }

  /* header - end */
  /* header - start */
  .small_blog .item_title > a {
    font-size: 16px;
  }

  /* header - end */
}
/* ====================================================================================================
3 - media screen and (max-width: 1199px) - end
==================================================================================================== */