/* Responsive CSS Document */

/*
    Created on   : 10/07/2017.
    Theme Name   : HangHook.
    Description  : HangHook - Responsive html5 template.
    Version      : 1.0.
    Author       : @Unifytheme.
    Developed by : @Unifytheme.
*/
@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}	
}
/*(max-width: 992px)*/
@media (max-width: 1199px) {
	.we-build-text>p {padding-right: 0;}
	.company-history-containt-opacity .history-item {width: 260px; margin: 20px auto;}
	.company-history-containt-opacity .history-item.item-four {float: none;}
	.company-history-containt-opacity .history-item.item-two,
	.company-history-containt-opacity .history-item.item-three {width: 260px; margin: 20px auto;}
	.company-history-containt-opacity {padding: 130px 0;}
	.them-main-footer-containt-item .footer-containt-item-text-and-logo {padding-right: 30px;}
	.about-us-v-two-our-expert-wrapper .our-expert-item-wrapper {text-align: center;}
	.about-us-v-two-our-expert-wrapper .our-expert-item-wrapper .our-expert-item>div {display: block; text-align: center;}
	.about-us-v-two-our-expert-wrapper .our-expert-item-wrapper .our-expert-item>.our-expert-img {margin: 0 auto 30px;}	
}
/*(max-width: 1199px)*/
@media (min-width: 992px) and (max-width: 1199px) {
	.what-we-do-item-wrapper:before {left: -350px;}
	.latest-works-item-wrapper .latest-works-opacity h4 {font-size: 22px;}
	.project-v-four-item-wrapper>ul>li .project-v-four-latest-work-text {padding: 35px 0px;}
	.project-v-four-item-wrapper>ul>li .project-v-four-latest-work-text>h4 {font-size: 26px; margin-bottom: 20px;}
	.project-v-four-item-wrapper>ul>li .project-v-four-latest-work-text>p {line-height: 28px; margin-bottom: 30px;}
	.project-v-four-item-wrapper>ul>li {height: 374px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/
@media (max-width: 991px) {
	.middle-header {padding: 20px 0;}
	.middle-header .them-logo {text-align: center;}
	.middle-header .middle-header-contant ul>li {margin-top: 15px;}
	/*========  Theme Menu  =========*/
	.theme-main-menu .menu-skew-div:before {left: 60%;}
	.main-menu {position: relative;}
	.navbar {position: static;}
	.main-menu .navbar-collapse {position: absolute; left: 0; right: 0; width: 100%; float: none;}
	.main-menu .navbar-nav {padding-right: 5px; padding-left: 5px; background: rgba(0,0,0,0.8); margin-top: 21px; max-height: 300px; overflow-y: auto;}
    .navbar-nav,.navbar-nav>li,.navbar-header,.theme-main-menu .navbar-toggle {float: none;}
	.navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in,.navbar-toggle{display: block !important;}
	.main-menu .navbar-nav >li a {line-height: 35px; border-right: none;}
	.main-menu .navbar-nav>li:hover {background: rgba(0,0,0,0.2);}
	.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; margin-top: 5px;
		-webkit-transform: scaleY(1);
		   -moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			 -o-transform: scaleY(1);
				transform: scaleY(1);
	}
	.main-menu .navbar-nav>li.dropdown-holder .sub-menu>li>a {line-height: 40px;}
    .main-menu nav ul li.dropdown-holder .fa {display: block;}
  	.main-menu .nav>li>a {padding: 0 5px; }
	.main-menu .nav>li {margin: 5px 0;}
	/*====*/
	#theme-main-banner .camera_caption .container h1 {font-size: 80px; line-height: 90px;}
	#theme-main-banner .camera_caption .container a {margin-top: 50px;}
	/*=====*/
	.banner-bottom-section-button>div {float: none; margin: 0 auto;}
	.banner-bottom-section-text>p {padding-right: 0;}
	.banner-bottom-section-button {padding-top: 38px;}
	.what-we-do-item-wrapper:before {left: -327px;}
	.archive-history-section .history-item-weight {margin-bottom: 100px;}
	.testimonial-containt .carousel-inner>.item>p {padding: 0 3%;}
	.testimonial-section .testimonial-opacity {padding: 160px 0 60px;}
	.theme-main-menu-version-two .main-menu .navbar-nav >li:hover a,
	.theme-main-menu-version-two .main-menu .navbar-nav >li.active>a {color: #619240;}
	.theme-main-banner-version-two>#theme-main-banner .camera_caption .container h1 {font-size: 60px;}
	.we-build-section-version-two>p {padding: 0;}
	.we-build-version-two-P .we-build-text-item {margin-bottom: 55px;}
	.we-build-version-two-P .we-build-text-item:last-child {margin-bottom: 0;}
	.about-us-containt .about-us-text {padding-top: 60px;}
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div h1 {font-size: 60px; line-height: 80px; margin-bottom: -19px;}
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div ul {margin-top: 25px;}
	.call-back-services-v-one-margin {margin-top: 0;}
	.services-details-containt {margin-bottom: 80px;}
	.services-details-section {margin-bottom: 100px;}
	.project-v-four-item-wrapper>ul>li {height: auto !important;}
	.blog-post-list-wrapper>.blog-prev-next-button {margin-bottom: 60px; text-align: center;}
	.blog-v-one-section {margin-bottom: 100px;}
	.blog-details-containt-wrapper .blog-details-leave-a-comment>form {margin-bottom: 60px;}
	.contact-us .contact-office .office-item-width {margin-bottom: 40px;}
	.contact-us .contact-office .office-item-width:last-child {margin-bottom: 0;}
}
/*(max-width: 991px)*/
@media (min-width: 768px) and (max-width: 991px) {
	.request-call-back-box {padding: 80px 18px 60px;}
}
/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
	.main-menu .navbar-nav {margin-top: 20px;}
	.latest-works-item-wrapper .latest-works-opacity h4 {font-size: 22px;}
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div div,
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div ul {float: none;}
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div h1 {margin-bottom: 0;}
	.inner-page-banner .inner-page-banner-opacity .inner-page-banner-containt>div ul {margin: 50px 0;}
	.services-details-item-details-width {max-width: 355px;}
	.shop-page .top-select-and-form-section p {text-align: left; line-height: 60px;}
	.shop-page .top-select-and-form-section {margin-bottom: 50px;}
	.shop-page {margin-top: 60px;}
	.single-product-details .product-order-img {margin-bottom: 70px;}
	.single-product-details .review-tab .nav-tabs > li {display: block !important; float: none;}
	.single-product-details .review-tab .nav-tabs > li > a {text-align: center; line-height: 40px;}
	.single-product-details .related-product .related-product-item {margin-bottom: 40px;}
	.shop-page-details {margin: 80px 0;}
}
/*(max-width: 767px)*/
@media (max-width: 700px) {
	.middle-header .middle-header-contant ul>li {width: 50%;}
	.banner-bottom-section-button>div {width: 200px; height: 62px;}
	.banner-bottom-section-button>div:before {width: 100px; right: 152px;}
	.banner-bottom-section-button a {width: 200px; line-height: 62px; font-size: 17px;}
	.what-we-do-item-wrapper {padding: 81px 5px 30px; height: 460px;}
	.archive-history-section .history-item-weight {width: 100%; margin-bottom: 100px;}
	.archive-history-section .history-item-weight:last-child {margin-bottom: 80px;}
	.top-headrer-version-two ul {padding: 15px 0;}
	.top-headrer-version-two ul.top-header-left {padding-bottom: 0;}
	.top-headrer-version-two .top-header-left, .top-header .top-header-right {float: none; text-align: center;}
}
/*(max-width: 700px)*/
@media (max-width: 650px) {
	#success, #error {
    width: 84%;
    height: auto;
    top: calc(50% - 50px);
    left: 8%;
    padding: 30px 10px;
    margin:0;
  }
	.theme-main-menu .menu-skew-div:before {left: 50%;}
	#theme-main-banner .camera_caption .container h1 {font-size: 60px; line-height: 70px;}
	.latest-works-item-wrapper .latest-works-opacity h4 {font-size: 20px;}
	.main-footer-bottom-section .footer-bottom-left-said,
	.main-footer-bottom-section .footer-bottom-right-said {float: none; text-align: center;}
	.main-footer-bottom-section .footer-bottom-right-said {margin-top: 15px;}
	.gallery_item_wrapper>.grid-sizer,
	.gallery_item_wrapper>.isotop-item {padding: 10px;}
	.shop-page .shop-item-wrapper .product-item-width {width: 100%;}
	.shop-item-wrapper .shop-item-product-wrapper {max-width: 400px; margin: 0 auto 30px;}
}
/*(max-width: 650px)*/
@media (max-width: 600px) {
	.we-build-section>div>h2 {font-size: 33px; text-align: center;}
	.we-build-text-item {width: 100%; margin-bottom: 55px;}
	.we-build-text-item:last-child {margin-bottom: 0;}
	.what-we-do-slaider-wrapper {max-width: 370px; margin: 55px auto; 0}
	.what-we-do-item-wrapper {padding: 81px 25px 30px;}
	.what-we-do-item-wrapper:before {left: -315px;}
	.company-history-containt-opacity .history-item-weight {width: 100%;}
	.company-history-containt-opacity {padding: 100px 0;}
	.latest-works-item-wrapper .latest-works-opacity h4 {font-size: 30px;}
	.what-we-do-version-two-wrapper .item {width: 100%;}
	.services-details-item-details-width {max-width: 355px;}
	.project-version-one .project-version-one-wrapper .item {width: 100%;}
	.gallery_item_wrapper>.grid-sizer,
	.gallery_item_wrapper>.isotop-item {width: 100%; padding: 15px;}
	.project-version-three .project-v-three-wrapper .gallery_item_wrapper>.grid-sizer,
	.project-version-three .project-v-three-wrapper .gallery_item_wrapper>.isotop-item {width: 50%;}
	.blog-details-containt-wrapper .blog-details-tag-item>ul,
	.blog-details-containt-wrapper .blog-details-tag-item>a {float: none;}
	.blog-details-containt-wrapper .blog-details-tag-item {text-align: center;}
	.blog-details-containt-wrapper .blog-details-tag-item>a {margin-top: 15px;}
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>ul {padding-left: 40px;}
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>ul>li,
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>div {padding: 0 0 30px 95px;}
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>ul>li>img,
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>div>img {width: 75px; height: 80px;}
	.contact-us .contact-office .office-item-width {width: 100%;}
}
/*(max-width: 600px)*/
@media (max-width: 550px) {	
	.Subscribe-footer-form>form>button {width: 140px;}
	.Subscribe-footer-form>form {padding-right: 145px;}
}
/*(max-width: 550px)*/
@media (max-width: 500px) {
	.top-header ul {padding: 10px 0;}
	.top-header ul.top-header-left {padding-bottom: 0;}
	.top-header .top-header-left, .top-header .top-header-right {float: none; text-align: center;}	
	.middle-header .middle-header-contant ul>li {width: 100%;}
	.theme-main-menu .menu-skew-div:before {left: 100px;}
	.cart {margin-right: 20px;}
	#theme-main-banner .camera_caption .container h1 {font-size: 50px; line-height: 60px;}
	.main-footer-top-section .footer-top-item>h5 {font-size: 29px; line-height: 40px;}
	.them-main-footer-containt-item .footer-containt-width {width: 100%; padding-left: 15px;}
	.theme-main-banner-version-two>#theme-main-banner .camera_caption .container h1 {font-size: 43px;}
	.project-version-three .project-v-three-wrapper .gallery_item_wrapper>.grid-sizer,
	.project-version-three .project-v-three-wrapper .gallery_item_wrapper>.isotop-item {width: 100%; padding: 20px;}
	.blog-post-list-wrapper>.blog-post-list-item .blog-post-list-img>span {width: 120px; bottom: 10px; left: 10px; line-height: 32px;}
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>ul>li>span,
	.blog-details-containt-wrapper .blog-details-comments-section>ul>li>div>span {display: block; margin-top: 5px;}
	#review .single-review>img {float: none; display: block; margin-bottom: 20px;}
	#review .single-review .text {width: 100%; float: none; padding-left: 0;}
}
/*(max-width: 500px)*/
@media (max-width: 480px) {
	.banner-bottom-section-button>div:before {width: 44px; right: 178px; -webkit-transform: skew(35deg); transform: skew(35deg);}
	.request-call-back-box {padding: 80px 12px 60px;}
	.request-call-back-box>form>input {padding: 0 12px;}
}
/*(max-width: 480px)*/
@media (max-width: 440px) {
	.we-build-section>div>h2 {font-size: 30px; line-height: 45px;}
	.what-we-do-slaider-wrapper {max-width: 320px; margin: 55px auto; 0}
	.what-we-do-item-wrapper {padding: 81px 10px 30px;}
	.what-we-do-item-wrapper:before {left: -340px;}
	.latest-works-item-wrapper .latest-works-opacity h4 {font-size: 23px;}
	.Subscribe-footer-form>form>button {width: 105px; font-size: 18px;}
	.Subscribe-footer-form>form {padding-right: 110px;}
	.them-main-footer-containt-item .footer-containt-item-text-and-logo {padding-right: 0;}
	.gallery_item_wrapper>.isotop-item h4 {font-size: 21px;}
}
/*(max-width: 440px)*/