/* ================================================== 
*	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)
================================================== */
/* ====================================================================================================
4 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 991px) {
  /* global - start */
  .sec_ptb_130 {
    padding: 100px 0px;
  }

  .mb_50 {
    margin-bottom: 30px;
  }

  .mb_80 {
    margin-bottom: 50px;
  }

  .order-last {
    order: 0;
  }

  /* global - end */
  /* header - start */
  .mobilemenu_btns_group {
    display: inline-block;
  }

  .header_default .header_top,
.header_default .header_bottom .main_menu,
.header_default .header_bottom .header_btns_group {
    display: none;
  }

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

  .header_default .brand_logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .primary_header .main_menu {
    display: none;
  }

  .primary_header .brand_logo {
    float: none;
    width: 100%;
    display: flex;
    padding: 15px;
    max-width: 100%;
    min-height: auto;
    align-items: center;
    justify-content: space-between;
  }
  .primary_header .brand_logo > a {
    line-height: 1;
    text-align: left;
  }
  .primary_header .brand_logo .search_btn {
    padding: 0px;
    line-height: 1;
    min-width: auto;
    min-height: auto;
  }

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

  .primary_header .mobilemenu_btns_group button {
    color: #f2fadb;
  }
  .primary_header .mobilemenu_btns_group button:hover, .primary_header .mobilemenu_btns_group button.active {
    color: #ff4328;
    background: transparent;
  }

  .primary_header .search_btn:hover,
.primary_header .search_btn.active {
    color: #ff4328;
    background-color: transparent;
  }

  .secondary_header .main_menu,
.secondary_header .header_top,
.secondary_header .header_icon_btns {
    display: none;
  }

  .secondary_header .brand_logo {
    margin: 0px;
    height: auto;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .secondary_header .header_bottom {
    min-height: auto;
    padding: 15px 0px;
  }

  .secondary_header .mobilemenu_btns_group button {
    color: #222222;
  }
  .secondary_header .mobilemenu_btns_group button:hover {
    color: #ff4328;
  }

  .secondary_header + main {
    margin-top: 65px;
  }

  /* header - end */
  /* footer - start */
  .text-white .footer_widget_title {
    margin-bottom: 30px;
  }

  .footer_contact_form {
    max-width: 370px;
    text-align: center;
    margin: 50px auto 0px;
  }

  .primary_brand_section .brand_logo {
    display: none;
  }

  .primary_brand_section .logo_image {
    padding: 15px;
  }

  .brand_section.primary_brand_section {
    min-height: 160px;
  }

  .secondary_footer .footer_about .brand_logo {
    height: 150px;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
  }

  .secondary_footer .footer_about {
    padding: 30px;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .secondary_footer .footer_widget_area {
    padding: 0px;
  }

  .footer_contact_info {
    margin-top: 40px;
  }

  .footer_newsletter_boxed .form_list {
    margin-top: 20px;
  }
	
  .footer_newsletter_boxed .newsletter_title {
    font-size: 13px;
  }	

  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb_section {
    text-align: center;
  }

  .breadcrumb_nav {
    margin-top: 20px;
    justify-content: center;
  }

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

  .breadcrumb_nav > li {
    font-size: 18px;
  }

  .page_title {
    font-size: 56px;
  }

  /* breadcrumb - end */
  /* sidebar - start */
  .sidebar_section {
    margin-top: 50px;
  }

  .sb_recent_works li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .sb_photo_gallery ul {
    margin: -4px;
    max-width: 430px;
  }

  .sb_photo_gallery li {
    padding: 4px;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .sb_tag_list ul {
    margin: -5px;
    max-width: 370px;
  }

  .sb_tag_list li {
    padding: 5px;
  }

  .sb_cta .content_wrap {
    max-width: 400px;
  }

  /* sidebar - end */
  /* about - start */
  .about_content {
    margin-top: 40px;
  }

  .service_grid {
    margin: 30px auto 0px;
  }

  .faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.testimonial_auto_wrap {
    margin: 0px;
    height: auto;
    padding: 0px;
    overflow: unset;
  }

  .faq_image,
.whatwedo_image {
    margin-bottom: 40px;
  }
  .faq_image img,
.whatwedo_image img {
    width: 100%;
    display: block;
  }

  .faq_section,
.skill_section,
.faqcontact_section,
.whatwedo_section {
    padding: 100px 0px;
  }

  /* about - end */
  /* contact - start */
  .contact_content {
    padding-right: 0px;
    margin-bottom: 50px;
  }

  .map_section #mapBox {
    height: 500px;
  }

  /* contact - end */
  /* faq - start */
  .faq_contact_form .custom_btn span {
    width: 40px;
    height: 40px;
    line-height: 44px;
    margin-left: 25px;
    margin-right: -20px;
  }

  .faq_contact_form .custom_btn {
    padding: 10px 30px;
  }

  .faq_contact_form .select_option .nice-select {
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
    padding-right: 35px;
  }

  .faq_contact_form .form_item input {
    height: 60px;
    padding: 0px 30px;
  }

  /* faq - end */
  /* portfolio details - start */
  .portfolio_details {
    max-width: 770px;
    margin: 0px auto;
  }

  .portfolio_details_info .square_social_links {
    justify-content: flex-start;
  }

  .portfolio_details_info h4 {
    font-size: 28px;
  }

  .portfolio_details_info .info_wrap {
    margin-bottom: 30px;
  }

  .details_section .details_content .item_title {
    font-size: 38px;
  }

  .portfolio_details_info .square_social_links a {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }

  .cta_image_3 {
    width: auto;
    float: none;
    max-width: 570px;
    margin: -15px auto 40px;
  }

  .cta_image_3:before {
    left: 50%;
    width: 590px;
    height: 590px;
    transform: translateX(-50%);
  }

  /* portfolio details - end */
  /* pricing - start */
  .pricing_section .shape_2 {
    max-width: 140px;
  }

  .pricing_section .shape_1 {
    max-width: 220px;
  }

  .cta_image_1 {
    float: none;
    width: auto;
    margin: 0px;
    max-width: 670px;
    margin-bottom: 40px;
  }

  /* pricing - end */
  /* service - start */
  .feature_section .feature_content {
    max-width: 470px;
    text-align: center;
    margin: 0px auto 50px;
  }
  .feature_section .feature_content p {
    padding: 0px;
    border: none;
  }
  .feature_section .feature_content .section_title .biggest_title {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .cta_image_2 {
    max-width: 370px;
    margin: 0px auto 40px;
  }

  .cta_content.ml__30 {
    margin: 0px;
  }

  .cta_section .deco_image_1 {
    right: 50px;
    bottom: 50px;
    max-width: 170px;
  }

  /* service - end */
  /* service details - start */
  .design_guideline_info .guideline_content {
    margin: 0px;
    padding: 0px;
    border: none;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .design_guideline_info .guideline_content:not(:last-child) {
    border: none;
  }

  .design_guideline_info {
    margin: 0px;
  }

  .design_guideline_info .guideline_content .item_title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .guideline_list li:not(:last-child) {
    margin-bottom: 15px;
  }

  .guideline_list li {
    font-size: 16px;
  }

  .sb_banner {
    max-width: 370px;
    margin: 0px auto;
  }

  /* service details - end */
  /* shop - start */
  .product_selection_bar .order-last {
    order: 13;
  }

  /* shop - end */
  /* shop details - start */
  .shop_details .shop_container {
    max-width: 100%;
    padding: 100px 0px;
  }

  .shop_details .details_image {
    margin: 0px;
    margin-bottom: 40px;
  }

  .shop_details .details_content {
    padding: 0px;
  }

  .shop_details .details_image .tab-content {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  .shop_details .details_image .nav {
    width: 100%;
    padding: 0px;
  }

  .shop_details .details_image .nav li {
    float: left;
    display: inline-block;
  }

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

  .description_tabnav {
    display: table;
    margin: 0px auto 20px;
  }

  /* shop details - end */
  /* home - start */
  .home_one_banner {
    padding: 80px 0px;
    padding-top: 0px;
  }

  .home_one_banner .banner_image {
    min-height: 400px;
    margin-bottom: 40px;
  }

  .home_one_banner .banner_contant_wrap {
    min-height: auto;
  }

  .home_one_banner .banner_contant {
    text-align: center;
  }

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

  .home_one_banner .sub_title {
    display: inline-block;
  }

  .home_one_banner .decoration_text {
    top: 50%;
    left: 50%;
    font-size: 130px;
    transform: translate(-50%, -50%);
  }

  .order-first {
    order: 0;
  }

  .feature_primary {
    margin: 50px auto 0px;
  }

  .testimonial_section .decoration_images_1 {
    display: none;
  }

  .home_two_banner .banner_contant {
    max-width: 570px;
    text-align: center;
    margin: 40px auto 0px;
  }

  .home_two_banner .sub_title {
    display: inline-block;
  }

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

  .home_two_banner .decoration_text {
    top: 50%;
    left: 50%;
    font-size: 170px;
    transform: translate(-50%, -50%);
  }

  .home_two_banner {
    padding: 80px 0px;
  }

  .stairs_wrap .stair_col:nth-child(1),
.stairs_wrap .stair_col:nth-child(2),
.stairs_wrap .stair_col:nth-child(3) {
    padding-top: 0px;
  }

  .whoweare_content {
    margin: auto;
    height: auto;
    max-width: 570px;
    overflow-y: unset;
    padding: 40px 15px 100px;
  }

  .service_split {
    max-width: 570px;
    margin: 30px auto 0px;
  }

  .service_split .item_image,
.service_split .item_content {
    width: 100%;
    float: none;
    display: block;
  }

  .service_split {
    max-width: 270px;
  }

  .testimonial_person_image {
    display: none;
  }

  .creative_testimonial_carousel {
    margin: 0px;
    padding: 50px;
  }

  .orange_shape {
    display: none;
  }

  .blog_fullimage_2 .item_content {
    padding: 30px;
  }

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

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

  .home_three_slider .item {
    padding: 100px 0px;
  }

  .home_three_slider .slider_content {
    max-width: 570px;
    margin: 0px auto;
    padding: 0px 15px;
    text-align: center;
  }

  .home_three_slider .small_title {
    font-size: 20px;
    margin-bottom: 25px;
    display: inline-block;
  }

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

  .home_three_slider .custom_btn {
    padding: 10px 25px;
  }

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

  .home_three_slider .btns_group {
    justify-content: center;
  }

  .home_three_slider .slider_image {
    width: 100%;
    float: none;
    max-width: 500px;
    margin: 0px auto 30px;
  }

  .feature_listlayout_boxed2 {
    margin: 0px auto;
  }

  .newsletter_boxed {
    margin-top: -100px;
    padding: 40px 30px;
  }

  .newsletter_boxed .section_title {
    text-align: center;
  }
  .newsletter_boxed .section_title .biggest_title {
    left: 50%;
    font-size: 140px;
    transform: translate(-50%, -50%);
  }

  .newsletter_boxed .newsletter_form {
    padding: 25px;
    margin-top: 30px;
  }

  .portfolio_fullimage .item_title {
    font-size: 16px;
  }

  .portfolio_fullimage .icon_btn {
    width: 40px;
    height: 40px;
    font-size: 12px;
    line-height: 45px;
  }

  .portfolio_fullimage .title_wrap {
    padding: 10px;
    padding-left: 15px;
  }

  .testimonial_section {
    padding: 100px 0px;
  }

  .testimonial_image {
    margin-bottom: 40px;
  }

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