/* Responsive CSS Document */

/* 
    Created on : 05/12/2016. 
    Theme Name : b a c k p i p e r Arch.
    Description: b a c k p i p e r Arch.- Responsive html5 template.
    Version    : 1.0.
    Author     : @TheMazine.
   
*/



@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media (max-width: 1410px) and (min-width: 992px) {
  .theme-main-menu .navbar-nav>li.dropdown-holder:last-child .sub-menu {width: 170px;left:auto;right: 0;}
}

@media (max-width: 1366px) {
    .scroll-top {bottom: 30px; right:30px;}
}
@media (max-width: 1199px) {
  .project-details-slider .project-type-list {padding-right: 0;}
  .project-details-slider .item1 .p1,.project-details-slider h5,.project-details-slider .item1 .p2 {margin-right: 0;}
  .contact-address-styleTwo .col-lg-4 {padding-left: 15px;}
}
/*(max-width: 1199px)*/

@media (max-width: 991px) {
  .about-arch h5,.work-history .section-half {width: 100%;}
  .about-arch .img {margin-top: 0;}
  .work-history .right-side {margin-top: 40px;}
  .our-team .row {margin:0 -15px 0 -15px;}
  .our-team .single-team-member {padding: 0 15px;}
  .our-team .single-team-member .text {right: 15px; bottom: 0;padding-bottom: 140px;}
  .our-team .single-team-member .img {margin-right: 70px;}
  .our-team .single-team-member .text ul {width: 50px;position: absolute;right: 0;bottom: 0;}
  .our-team .single-team-member .text ul li,.our-team .single-team-member .text ul li:last-child {margin-right: 30px;}
  .creativity-record .left-side,.creativity-record .right-side,.theme-sidebar .sidebar-recent-work .work-img-wrapper .single-img img,
  .theme-sidebar .sidebar-recent-post .post-img-wrapper .single-img .img img {width: 100%;}
  .creativity-record .left-side h4 {display: inline-block;}
  .creativity-record .left-side h4:before {right: 25px;}
  .creativity-record .right-side {margin-top: 233px;}
  .theme-menu-wrapper.menu-style-three .logo {float:left;}
  .menu-style-three.theme-menu-wrapper {padding: 40px 15px 0 15px;}
  .theme-main-menu.fixed .menu-style-three .logo {display: block;margin-bottom: 0;}
  .project-details-slider .project-type-list h6 {float:none;margin-bottom: 40px;}
  .project-details-slider .project-type-list ul {float:none;}
  .project-details-slider .top-img-gallery-wrapper .single-img {margin-bottom: 30px;padding-left: 15px;padding-right: 15px;}
  .project-details-slider .top-img-gallery-wrapper {margin: 0 -15px 0 -15px;}
  .project-details-slider .item-middle-info-section .project-type-list {width: 100%;padding: 0;margin-bottom: 40px;}
  .project-details-slider .item-middle-info-section .img {width: 100%;}
  .project-details-slider .item4 .item-middle-info-section {width: 95%;}
  .project-details-slider .item4 .item-middle-info-section .project-type-list {padding-left: 20px;padding-right: 20px;}
  .project-details-slider .item4 .item-middle-info-section .project-type-list p {margin-right: 0;}
  .theme-large-asidebar {width: 100%;padding: 0;margin-bottom: 80px;}
  .theme-sidebar {width: 50%;}
  .theme-sidebar .sidebar-recent-work,.theme-sidebar .sidebar-recent-post .post-img-wrapper {padding-right: 0;}
  .blog-details .author-text>p {width: 100%;margin-top: 20px;}
  .blog-details.blog-details-v3 .owl-theme.blog-details-slider .owl-nav {bottom: -35px;}
  .blog-details.blog-details-v3 .author-text>p {width: 100%;margin-top: 20px;}
  .hesperiden .tp-thumb .tp-thumb-title {font-size: 34px; line-height: 30px;padding-left: 10px;}
  .hesperiden .tp-thumb.selected .tp-thumb-title, .hesperiden .tp-thumb .tp-thumb-title:hover {padding-left: 50px;}
  .lan-others-page .left-side,.lan-others-page .img-box {width: 100%;}
  .lan-others-page .img-box {padding-right: 0;margin-top: 40px;}
}
/*(max-width: 991px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .work-history .right-side {padding-left: 245px;padding-right: 0px;}
  .work-history .left-side h3 {font-size: 34px;}
  .work-history .left-side h2:before {width: 180px;}
  .our-team .single-team-member .img {width: 70%;}
  .our-team .single-team-member .text h4 {font-size: 30px;}
  .our-team .single-team-member .num {right: 170px;}
  .creativity-record .left-side h4 {font-size: 54px; line-height: 79px;}
  .creativity-record .left-side h4 span {font-size: 64px;}
  .creativity-record .left-side h4:before {right: 90px;}
  #hidden-aside-menu {width: 300px;}
  .project-v3 .project-item-wrapper .single-project .img .overlay>div>div h4 a {font-size: 24px;margin-bottom: 25px;}
  .project-v4 .project-item-wrapper .single-project ul li a,.project-v5 .project-item-wrapper .single-project ul li a {padding-left: 40px;}
  .project-details-slider .project-type-list ul li {padding: 36px 10px 0 10px;}
  .project-details-slider .project-type-list h6 {padding-left: 60px;}
  .project-details-slider .project-type-list h6:before {width: 50px;}
  .blog-details .post-heading h4 {font-size: 32px;}
  .blog-details .author-text>p {width: 78%;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .theme-menu-wrapper .logo {display: block;float:none;margin-bottom: 25px;}
  .theme-menu-wrapper .logo img {margin: 0 auto;}
  .theme-main-menu .navbar {float:none;width: 100%; text-align: center;}
  .theme-default-menu .navbar-nav > li {float:none;display: inline-block;}
  .theme-default-menu .navbar-nav {float:none;}
  .theme-main-menu .navbar-nav>li.dropdown-holder .sub-menu {text-align: left;}
  .theme-menu-wrapper {padding-top: 30px;}
  .about-arch .theme-main-title {padding-left: 78px;}
  .theme-main-menu.fixed .logo {display: none;}
  .project-item-wrapper .single-project .img .overlay>div>div h4 a {margin-bottom: 20px;}
  .client-slider-wrapper {padding-left: 26px;}
  .client-slider-wrapper .text {width: 77%;}
  .our-team .single-team-member .num {right: 90px;}
  .project-item-wrapper .single-project span.number {font-size: 49px;top:-34px;right: 15px;}
  .creative-ideas.style-two .single-box-wrapper {margin-bottom: 30px;}
  #hidden-aside-menu {width: 290px;}
  .future-project.project-v4 .row .mix, .future-project.project-v5 .row .mix {width: 33.33333333333%;}
  .project-details-slider .project-type-list ul li {padding: 36px 11px 0 12px;}
  .project-details-slider .item4 .item-middle-info-section .project-type-list ul li {font-size: 12px;}
  .team-member-details .owl-theme .owl-nav [class*=owl-] {margin: 0;}
  .team-member-details .owl-theme .owl-nav {right: 8px;}
  .contact-address-styleTwo .single-column>ul.icon li a {margin: 0 6px;}
  #banner .tp-caption h1 {font-size: 88px;}
  
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .tp-kbimg{
      height: 400px!important;
      width: 430px!important;
  }

  .rev_slider {
      height: 400px!important;
      width: 430px!important;
  }

  .rev_slider_wrapper{
    height: 400px!important;
  }
  .theme-main-menu .navbar-nav {padding: 0 15px; background: rgba(0,0,0,0.8);}
  .theme-main-menu .navbar-nav>li.dropdown-holder .sub-menu:before {display: none;}
  .theme-main-menu .navbar-collapse {box-shadow: none;border:none;margin: 0 -15px;}
  .theme-main-menu .menu-style-two .navbar-collapse {margin: 0;}
  .theme-main-menu.fixed .theme-menu-wrapper {padding-top: 18px;}
  .theme-main-menu.fixed .navbar-toggle {margin-bottom: 18px;}
  .theme-main-menu.fixed .logo,.theme-main-menu.fixed .menu-style-two .logo {top:10px;}
  .theme-menu-wrapper {padding-top: 40px;}
  .theme-main-menu.fixed {max-height: 100%;overflow-y:auto;}
  .theme-main-menu .logo {position: absolute;top:35px;left: 15px;z-index: 999;}
  .theme-main-menu .menu-style-two .logo {left:30px;top:30px;}
  .theme-menu-wrapper.menu-style-three .logo {left:30px;top:15px;}
  .menu-style-three.theme-menu-wrapper {padding-top: 16px;}
  .menu-style-two.theme-menu-wrapper {padding: 40px 0 0 0;}
  .theme-main-menu .navbar {float:none; width: 100%;border:none;}
  .theme-main-menu nav ul li.dropdown-holder .fa {display: block;}
  .theme-main-menu .navbar-nav,.theme-default-menu .navbar-nav > li {margin: 0;}
  .theme-main-menu .navbar-nav>li.dropdown-holder .sub-menu {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
    opacity: 1;
    visibility: visible;;
    position: static;
    box-shadow: none;
    width: 100%;
    display: none;
  }
  .theme-default-menu .navbar-nav > li > a {line-height: 47px;font-size: 16px;padding: 0;}
  .theme-main-title span {font-size: 84px;top:-9px;}
  .theme-main-title {font-size: 40px;padding-left: 70px;}
  .about-arch .left-side,.about-arch .img,.about-arch.style-two .left-side {width: 100%;}
  .about-arch .img,.about-arch.style-two .img {text-align: center;margin-top: 40px; padding: 0 10px 0 0;}
  .about-arch.style-two .left-side a {margin-left: 15px;}
  .creative-ideas .box {width: 80%;}
  .work-history .left-side h3 {line-height: 45px;}
  .work-history .left-side h2:before {width: 135px;}
  .work-history .left-side h2 {text-align: left;padding-left: 135px;}
  .work-history .right-side {padding-left: 80px;padding-right: 0;}
  .work-history .right-side ul li:before {width: 70px;left: -79px;}
  .client-slider h2 {padding-left: 60px;font-size: 40px;letter-spacing: 9px;}
  .client-slider h2:before{width:58px;}
  .client-slider-wrapper {padding-left: 0;}
  .client-slider-wrapper .img,.client-slider-wrapper .text {float:none;}
  .client-slider-wrapper .img img {margin: 0 auto;}
  .client-slider-wrapper .text{width: 100%;padding-left: 0;padding-top: 110px;text-align: center;}
  .client-slider-wrapper .img:before {right: 50%;top:100%;height: 75px;width: 1px;margin-top: 10px;}
  .client-slider-wrapper .carousel-indicators {text-align: center;left:0; bottom: -121px;}
  .our-team .single-team-member,.our-team .single-team-member .img img {width: 100%;}
  .our-team .single-team-member .img {margin: 0;width: 100%;padding-right: 70px;}
  .our-team .single-team-member .num {right: 90px;}
  .contact-us-form {width: 100%;padding: 0;}
  .contact-us .contact-address {width: 100%;margin-top: 80px;}
  .creative-ideas.style-two .single-box-wrapper {margin-bottom: 60px;}
  #hidden-aside-menu {width: 260px;}
  .future-project.project-v4 .row .mix, .future-project.project-v5 .row .mix {width: 50%;}
  .project-details-slider .project-type-list ul li {display: block;margin-bottom: 15px;padding-top: 25px;}
  .project-details-slider .project-type-list ul li:last-child {border-right: none;}
  .page-bottom-content .back-to-main-page {left:auto;right: 0;margin: 0;}
  .project-details-page .owl-theme .owl-nav {bottom: -180px;right: 50%;margin-right: -83px;}
  .project-details-slider .item4 .item-middle-info-section {margin-top: -100px;}
  .project-details-slider .item4 .item-middle-info-section .project-type-list ul li {display: block;}
  .project-details-slider .item4 .item-middle-info-section .project-type-list p {text-align: left;}
  .team-member-details .team-img,.team-member-details .team-img img,.team-member-details .member-details {width: 100%;}
  .team-member-details .member-details {padding-left: 0;margin-top: 50px;}
  .team-member-details .owl-theme .owl-nav {top:auto;bottom: -50px;}
  .error-page h2 {font-size: 110px;margin-bottom: 80px;margin-top: 60px;}
  .error-page h2:before, .error-page h3:before {width: 80px;}
  .error-page h2:before {left:-35px;}
  .error-page h3 {font-size: 28px;}
  .error-page h3:before {left:-16px;}
  .error-page h3:after {height: 60px;top:-78px;}
  .blog-details .leave-comment form.style-one .top-row .single-input {width: 100%;}
  .blog-details .leave-comment form.style-one .top-row {padding-right: 0;}
  .blog-details.blog-details-v3 .blog-details-slider .center-align {width: 99%;}
  .contact-page-v1>.container>h4 {font-size: 50px;letter-spacing: 9px;}
  #banner .tp-caption h1 {font-size: 42px;}
  #banner .tp-caption h4 {font-size: 20px;}
  .hesperiden .tp-thumb .tp-thumb-title {display: none !important;}
  #banner.banner-two h1 span:last-child {width: 45px;}
  #banner.banner-two .tp-caption h4 span.line {width: 40px;}
  .lan-top-banner .navbar-nav>li {display: block;text-align: left;}
  .lan-thanks-word p {width: 100%;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #success,
  #error {
    width: 84%;
    height: auto;
    top: calc(50% - 50px);
    left: 8%;
    padding: 30px 10px;
    margin:0;
  }
  .future-project.project-v4 .row .mix, .future-project.project-v5 .row .mix {width: 100%;}
  .blog-v4 .project-item-wrapper .single-project .img .overlay>div>div>a {display: none;}
  .blog-v4 .project-item-wrapper .single-project ul {display: none;}
  .blog-details .blog-details-slider .post-tag-content>ul.float-right {width: 100%;}
  .blog-details .blog-details-slider .post-tag-content>ul.float-right li {margin-top: 70px;}
  .blog-details .owl-theme.blog-details-slider .owl-nav {bottom: -37px;}
  .blog-details .blog-details-slider .post-tag-content>ul.float-left li {margin-right: 0;}
  .blog-details .post-heading h4 {font-size: 25px;}
  .lan-thanks-word .col-xs-4 {width: 100%; margin-bottom: 40px;}
}

@media (max-width: 600px) {
  .contact-us h4 {font-size: 50px;margin-top: -28px;letter-spacing: 8px;}
  #banner .tp-caption p {font-size: 12px;}
  .lan-others-page ul li {font-size: 18px;}
}

@media (max-width: 550px) {
  .creativity-record .right-side .single-box .box {font-size: 40px;}
  .creativity-record .right-side .single-box h6 {font-size: 16px;}
  .theme-sidebar {width: 100%;} 
}

@media (max-width: 480px) {
  .theme-main-menu .logo {width: 59%;}
  .project-item-wrapper .single-project .img .overlay>div>div h4 a{font-size: 20px;margin-bottom: 25px;}
  .project-item-wrapper .single-project .img .overlay>div>div>a:before {width: 50px;margin-left: -25px;}
  .project-item-wrapper .single-project .img .overlay>div>div>a:after {height: 50px;}
  .project-item-wrapper .single-project .img .overlay>div>div>a {width: 50px;height: 50px;}
  .project-item-wrapper .single-project span.number {font-size: 40px;top:-28px;right: 10px;}
  .our-team .single-team-member .num {font-size: 40px;top:-28px;}
  .our-team .single-team-member .text h4 {font-size: 22px;}
  .our-team .single-team-member .text span {margin:10px 0 30px 0;}
  .our-team .single-team-member .text ul li {margin-bottom: 23px;}
  .our-team .single-team-member .text ul li:before {height: 18px;top:-19px;}
  .our-team .single-team-member .text ul {width: 30px;}
  .our-team .single-team-member .text {padding-bottom: 112px;}
  .our-team .single-team-member .text ul li, .our-team .single-team-member .text ul li:last-child {margin-right: 0;}
  .our-team .single-team-member .img {padding-right: 35px;}
  .our-team .single-team-member .num {right: 58px;}
  .our-team .single-team-member {margin-bottom: 50px;}
  .contact-page-v1>.container>h4 {padding-left: 45px;font-size: 34px;}
  .contact-page-v1>.container>h4:before {width: 65px;}
  #banner .tp-caption p {font-size: 10px;}
}

@media (max-width: 450px) {
  .creativity-record .left-side h4 {font-size: 48px;line-height: 80px;}
  .creativity-record .left-side h4:before {width: 45px;right: -10px;top:47px;}
  .creativity-record .left-side h4 span {font-size: 54px;margin-left: 65px;}
  .creativity-record .left-side h4 span:before {width: 100%;}
  .creativity-record .left-side h4 span:after {right: 100%;}
  .creativity-record .right-side .col-xs-4 {width: 100%;}
  .creativity-record .right-side .single-box:before {height: 60px;top:-70px;}
  .creativity-record .right-side {margin-top: 170px;}
  .creativity-record .right-side .single-box {margin-bottom: 100px;}
  .scroll-top {bottom: 10px;right:5px;}
  .inner-banner .opacity {padding-top: 240px;}
  .inner-banner .opacity h4 {margin-bottom: 160px;}
  .project-details-slider .top-img-gallery-wrapper .single-img {width: 100%;}
  .project-details-slider h4 {font-size: 30px;margin-bottom: 45px;}
}

@media (max-width: 420px) {
  .creative-ideas.style-two .single-box-wrapper h4 {padding-top: 80px;}
  .creative-ideas.style-two .single-box-wrapper p {padding-left: 40px;}
  .creative-ideas.style-two .single-box-wrapper h4 {font-size: 23px;margin-bottom: 10px;}
  .theme-menu-wrapper.menu-style-three .logo {width: 46%;top:30px;}
  .inner-banner .opacity h4 {font-size: 40px;}
  .page-bottom-content .back-to-main-page {position: static;}
  .project-details-page .owl-theme .owl-nav {right: -17px;margin: 0;}
  .faq-page .faq-panel .panel-group .panel-body .row .img {width: 100%;}
}

@media (max-width: 400px) {
  #banner .tp-caption {display: none !important;}
}

@media (max-width: 380px) {
  .work-history .right-side ul li {font-size: 18px;}
  .work-history .right-side ul li span {font-size: 53px;margin-right: 10px;}
  .client-slider h2 {font-size: 30px;letter-spacing: 7px;}
  .theme-main-menu .menu-style-two .logo {top:38px;width: 52%;}
  .theme-main-menu.fixed .menu-style-two .logo {top:15px;}
  .inner-banner .opacity ul li {margin-bottom: 10px;}
  .inner-banner .opacity ul li:last-child{margin-bottom: 0;}
}