/*
* Theme v1.0.0
* Copyright 2015-2016 Theemon.com
*/
/*
Table Of Contents
1) Tablet and Desktop
2) Desktop
3) Tablet
4) Mobile and Tablet
5) Mobile
===============================================*/
/*
1) Tablet and Desktop
----------------------------------------*/
@media only screen and (min-width: 767px) {
#wrapper.boxed, .boxed #header {
margin: 0 auto;
max-width: 768px;
width: 100%;
}
.menu-wrapper {
background: none !important;
}
.project-category {
padding: 65px 0 128px;
}
}
@media only screen and (max-device-width: 1024px) {
.anim-section {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
visibility: visible;
opacity: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#wrapper.boxed, .boxed #header {
margin: 0 auto;
max-width: 970px;
width: 100%;
}
#testimonial-silder .flex-direction-nav{
top: 130%;
left: -108%;
}
.menu li{
margin-left: 19px;
}
#testimonial-silder .flex-direction-nav {
left: -108%;
top: 135%;
}
}
@media all and (min-width: 1200px) {
#wrapper.boxed, .boxed #header {
max-width: 1170px;
width: 100%;
}
#slider .sliderone-btn a {
margin-top: -11px !important;
}
/*----- PSD ----*/
.info-container .our-images ul{
float: right;
width: 47%;
padding-top: 0 !important;
}
.info-container .our-images ul:first-child {
padding-top: 23% !important;
}
.info-container .our-quality{
margin-top: 67px;
}
.info-container{
padding: 63px 0 21px;
}
.service-container{
padding: 81px 0 90px;
}
.service-container .left-detail h2{
margin-bottom: 17px;
}
.service-container .right-detail{
padding: 73px 0 57px 75px;
}
.service-container .right-detail strong{
line-height: 51px;
}
.service-container .right-detail span{
line-height: 53px;
text-indent: 10px;
}
.project-container{
padding: 79px 0 154px;
}
.testimonial-box{
margin: 118px 0 0 -19px;
}
#testimonial-silder .slides li p{
line-height: 1.8;
}
#testimonial-silder .flex-direction-nav{
left: -103%;
top: 109%;
}
.testimonial-box .thumb-box{
padding: 35px 0;
}
#testimonial-carousel.flexsilder{
margin-right: 198px;
}
.our-partners {
padding: 108px 0 137px;
}
.contact-us-container .box li {
display: inline-block;
padding: 0 22px;
}
.contact-us-container .box li:first-child {
padding-left: 0px;
}
.contact-us-container .box.last ul{
padding-left: 0;
}
#footer .copyright{
margin-top: 63px;
}
.our-info .img-list li{
margin-left: 0;
}
.industrial-theme1 .our-info .img-list li{
margin-left: 2.9%;
}
.our-info .img-list li.zoom.fade-effect img{
width: 100%;
}
.blog.industrial-theme1 .blog-container-2 .left-body article:nth-child(3n) .post-detail li,.blog.industrial-theme1 .blog-container-2 .left-body article:nth-child(3n-1) .post-detail li{
float: left;
border-left: 1px solid #c7c7c7;
padding-left: 18px;
}
.blog.industrial-theme1 .blog-container-2 .left-body article:nth-child(3n) .post-detail li:first-child,.blog.industrial-theme1 .blog-container-2 .left-body article:nth-child(3n-1) .post-detail li:first-child{
border-left:none;
padding-left: 0;
}
}
@media all and (max-width:1170px){
.banner-container {
background-position: 0 0 !important;
background-size: 100% 100% !important;
background-attachment: scroll !important ;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.customer-says h2{
font-size: 40px;
}
#testimonial-silder .flex-direction-nav{
top: 128%;
left: -115%;
}
.contact-us-container .box ul{
padding: 0;
padding-left: 0 !important;
padding-top: 0 !important;
margin: 0;
}
#wrapper.boxed, .boxed #header {
max-width: 750px;
width: 100%;
}
.right-to-left .our_contact .right-detail address li i {
left: 85% !important;
}
.right-to-left .our_contact .right-detail address li i.location-svg {
left: 76% !important;
}
.video-container .video-box iframe{
height:259px;
}
.quote{
display: none;
}
.header-five .secondry-header .menu li,.header-six .secondry-header .menu li{
margin-left: 0 !important;
}
.header-five .menu li a,.header-six .menu li a {
font-size: 13px;
padding: 10px;
}
/*---- Revolution Slider ----*/
#slider .sliderone-btn a{
margin-top: 44px !important;
}
}
/*
2) Desktop
----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*Slider*/
#slider .detail {
margin-left: -123px;
}
.info-container .our-images ul {
width: 40%;
}
.service-container .right-detail strong {
font-size: 62px;
}
/*Service Info Section*/
.service-container .right-detail strong {
font-size: 50px;
display: inline-block;
}
.service-container .right-detail {
padding-bottom: 40px;
}
.service-container .right-detail span {
display: inline-block;
}
.service-container .right-detail h2 {
font-size: 31px;
}
.service-container .our-service {
margin-top: 0px;
}
.project-container .detai-box h2 {
font-size: 22px;
margin-bottom: 20px;
line-height: 1.4;
}
.project-container .detai-box ul {
padding-top: 22px;
padding-left: 0;
}
.project-container .detai-box li {
padding-right: 0;
}
.right-to-left .project-container .detai-box li {
padding-right: 0px;
}
.project-container li i {
margin-right: -2px;
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
}
.project-container .odd .img-box {
margin-top: -26px;
}
.project-container .our-project {
height: 104px;
margin-top: -54px;
}
.project-container .odd .detai-box {
padding-left: 18px;
}
.testimonial-box .thumb-box {
bottom: -150px;
}
/*our-project-container section*/
.our-project-container .bx-prev {
left: 0;
}
.our-project-container .bx-next {
right: 0;
}
/*projects-details content*/
.project-detail-container .upper-box .right-detail {
padding-left: 30px
}
.project-discription .feature-list li {
font-size: 15px;
}
.project-discription .right-content {
padding-left: 0;
}
.project-discription .right-content .bx-prev {
font-size: 0;
background-position: center center;
}
.project-discription .right-content .bx-next {
font-size: 0;
background-position: center center;
}
.header-two .our-contact,.header-three .our-contact{
width: auto;
}
.header-two .our-contact li,.header-three .our-contact li{
padding: 36px 20px 42px 0;
border: none;
}
.header-three .navigation .btn {
padding: 11px 15px;
}
.header-three .menu li {
margin-right: 17px;
}
}
/*
3) Tablet
----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
/*Thema-a Header*/
/* .quote {
display: none !important;
}*/
.menu li {
margin-left: 15px !important;
}
.secondry-header .menu li{
margin-left: 10px !important;
}
.header-two .secondry-header .menu li {
margin-right: 0px !important;
}
.our-contact {
width: 57% !important;
}
.right-header ul{
margin-left:0 !important;
}
.right-header ul li {
padding: 0 11px !important;
}
.our-contact li {
border-left: none !important;
}
.our-contact li {
padding: 36px 3px 42px !important;
}
.primary-header .logo {
margin: 32px 19px 37px 0 !important;
}
.our-contact li:first-child {
border: none;
padding-left: 0;
}
.navigation {
margin-left: 0px;
}
.secondry-header .num {
padding-left: 0;
border: none;
}
#slider .detail {
width: 545px;
}
#slider .detail {
margin-left: -233px;
height: 257px;
}
.banner-container {
padding: 70px 0 70px;
min-height: 161px;
}
#slider .bottom-sec {
padding: 7px 39px;
}
#slider .bottom-sec h2, #slider .bottom-sec p {
padding-bottom: 0;
}
/*Info-container*/
.info-container .our-quality li {
font-size: 14px;
}
.info-container .our-images ul {
width: 40%;
}
/*Service Info Section*/
.project-container {
padding-bottom: 100px;
}
.service-container .right-detail strong {
font-size: 50px;
display: inline-block;
}
.service-container .right-detail {
padding-bottom: 40px;
}
.service-container .right-detail span {
display: inline-block;
}
.service-container .right-detail h2 {
font-size: 31px;
}
.service-container .our-service {
margin-top: 25px;
}
.project-container .detai-box h2 {
font-size: 22px;
margin-bottom: 20px;
line-height: 1.4;
}
.project-container .detai-box ul {
padding-top: 22px;
padding-left: 0;
}
.project-container .detai-box li {
padding-right: 0;
}
.right-to-left .project-container .detai-box li {
padding-left: 0px;
}
.right-to-left .project-container .detai-box {
padding-right: 20px;
}
.project-container li i {
margin-right: -2px;
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
}
.project-container .odd .img-box {
margin-top: -26px;
}
.project-container .our-project {
height: 104px;
margin-top: -54px;
}
.project-container .odd .detai-box {
padding-left: 18px;
}
.right-to-left .project-container .odd .detai-box {
padding-right: 0px;
}
/*Testimonial Container Section*/
#testimonial-carousel.flexsilder {
margin-right: 82px;
}
#testimonial-carousel .flex-direction-nav {
top: 100%;
}
.our-partners {
padding-bottom: 100px;
}
.our-partners ul li {
height: auto;
}
.our-partners ul a {
height: 87px;
}
.contact-us-container .box {
width: 30% !important;
}
.contact-us-container .box em {
margin-right: 12px !important;
}
.contact-us-container .box.last {
width: 16% !important;
}
.contact-us-container .contact-us, .contact-us-container .box.last ul {
float: left !important;
}
.right-to-left .contact-us-container .box ul {
margin: 0px;
}
.contact-us-container {
padding: 40px 0 20px !important;
}
.contact-us-container .box {
padding: 0 0 20px !important;
}
.contact-us-container .box li {
padding: 0 20px 0 0 !important;
}
.contact-us-container .box .contact-us {
margin-left: 7px !important;
}
.quote-container .right-banner {
background-size: cover !important;
}
#slider .detail {
margin-left: -233px;
height: auto;
}
.service-container .right-detail {
padding-left: 15px;
}
.service-container .quote {
float: none;
}
.service-container .right-detail {
padding-bottom: 0;
}
/*our-project-container section*/
.project-slider li .project-detail::before {
display: none;
}
.project-slider li .project-detail::after {
display: none;
}
.project-slider li .project-detail {
top: 10%;
right: 0;
}
.our-project-container .bx-prev {
left: 0;
top: 35px;
}
.our-project-container .bx-next {
right: 0;
top: 35px;
}
.right-to-left .project-detail .project-links li.delivery {
border: none;
}
/*our-info section*/
.our-info .our-quality strong {
font-size: 12px;
}
.our-info .img-list li {
margin-bottom: 15px;
}
/*our-quote-container section*/
.our-quote-container .quote-box {
padding: 20px 0;
}
/*about-us content*/
.video-container {
padding: 30px 0;
}
.video-container .video-box {
width: 50%;
}
.video-container .our-detail {
width: 50%;
padding: 0 20px;
}
.video-container .box {
margin: 0 0 15px;
}
.video-container .box i {
margin: 0 0 5px 0;
}
.video-container .box strong {
margin-bottom: 0;
}
.video-container .box p {
line-height: 20px;
margin-bottom: 0;
}
/*our-team-container*/
.our-team-container {
padding: 30px 0;
}
.our-team-container .bx-prev {
left: -15px;
top: 50%;
margin: 0;
}
.our-team-container .bx-next {
right: -15px;
top: 50%;
margin: 0;
}
/*our_contact content*/
.our_contact .right-detail {
padding-left: 15px;
margin-top: 99px;
}
.our_contact .right-detail .social-icons {
padding: 0 30px;
}
.our_contact .right-detail address {
padding: 30px;
margin-top: 20px;
}
.our_contact .right-detail address strong {
font-size: 22px;
}
.our_contact .right-detail address li {
margin-bottom: 35px;
}
/*about-us-1 content*/
.info-aboutus {
margin: 30px 0;
}
.info-aboutus .left-banner {
position: static;
width: 100%;
left: 0;
margin-bottom: 20px;
text-align: center;
margin-left: 0;
}
.right-to-left .info-aboutus .left-banner {
right: 0;
margin-right: 0;
left: 0;
}
.info-aboutus .msg-slider {
width: 50%;
}
.info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {
padding: 20px 40px;
}
.info-aboutus .our-detail {
width: 50%;
padding-right: 75px;
margin-left: 0;
}
.our-team-container .our-team-detail li .box .img-box {
width: 100%;
text-align: center;
}
.our-team-container .our-team-detail li .box .detail-box {
width: 100%;
}
/*blog-1 content*/
.blog-container-1 .blog-list .post-detail li {
font-size: 14px;
padding: 0 10px;
}
.blog-container-1 .blog-list .cat-list li {
font-size: 14px;
}
.pagination-box {
margin: 50px 0;
}
.blog-container-1 .blog-list h3, .blog-container-2 .left-body h3, .blog-container-2 .left-body .half-box h3 {
font-size: 24px;
}
/*blog-post content*/
.comment-box {
padding: 40px 0 20px 25px
}
.comment-box li .msg-detail {
width: 72%;
}
/*clients content*/
.our-clients .box, .our-clients .box.last {
width: 25%;
}
.our-clients .box strong {
font-size: 13px;
}
.our-clients .box li a {
font-size: 14px;
}
/*FAQ Content*/
.faq-container h3 {
display: block;
}
.faq-container h3 span {
display: inline-block;
}
.faq-detail li {
padding: 28px 20px 28px 65px
}
/*project-1 content*/
.project-category {
padding-top: 40px;
}
.project-category-1 {
padding: 30px 0;
}
.project-list-1 .detail {
padding: 20px;
}
.project-list-1 .detail h4 {
margin-bottom: 10px;
}
.project-list-1 .detail h4 span {
display: inline-block;
}
.project-list-1 .detail p {
line-height: 20px;
}
.project-list-1 .view {
margin-top: 10px;
}
#gallery-content-center {
overflow: visible !important;
}
.other-project {
overflow: hidden;
padding-top: 50px;
}
/*projects-details content*/
.project-detail-container .upper-box .right-detail {
padding-left: 10px
}
.project-detail-container .upper-box .right-detail li a i {
margin-right: 6px;
}
.project-detail-container .upper-box .right-detail li a span {
font-size: 12px;
}
.project-discription .right-content {
padding-left: 0;
}
.project-discription .right-content .bx-prev {
font-size: 0;
background-position: center center;
}
.project-discription .right-content .bx-next {
font-size: 0;
background-position: center center;
}
.contact-us-container .box.call {
padding-left: 15px;
}
.project-discription .bx-prev::before, .project-discription .bx-next::before {
font-size: 20px;
}
.project-discription .bx-prev::before {
left: 45%;
}
.project-discription .bx-next::before {
right: 45%;
}
.project-detail-container .upper-box .right-detail li {
padding-bottom: 12px
}
.bx-viewport {
padding-left: 3px;
}
.project-discription .feature-list li {
line-height: 1.4;
}
.project-discription {
padding-bottom: 50px;
}
.right-to-left .quote-box {
padding-right: 10px;
}
.secondry-header .num{
border-left:none !important ;
}
.right-header ul li {
padding:0px !important;
}
.header-two .right-header ul li,.header-three .right-header ul li {
padding:0 11px !important;
}
.our-project-container .bx-controls-direction {
top: 50%;
}
.header-three .secondry-header .menu li{
margin: 0 !important ;
}
.header-three .navigation .btn,.header-three .navigation .quote {
font-size: 10px;
padding: 11px 10px;
}
.header-three .navigation .btn {
margin-left: 10px;
}
.our_contact .right-detail{
padding-left: 0px;
}
.our_contact .right-detail address{
padding-left: 10px;
padding-right: 10px;
}
.our_contact .right-detail > ul{
padding: 25px 20px;
}
}
/*
5) Mobile
----------------------------------------*/
@media only screen and (max-width: 767px) {
.info-container .about-us h2, .service-container .left-detail h2, .project-container .detai-box h2, .customer-says h2,.banner-container h3 ,.our-clients h3,.our-team-container h3{
font-size: 25px;
}
.customer-says h2 span {
font-size: 28px;
}
.menu li .submenu li a:hover{
color:#fff !important;
}
#slider.top{
margin-top: 174px;
}
.service-container .right-detail strong {
font-size: 30px;
display: inline-block;
}
.service-container .right-detail span, .service-container .right-detail h2 {
font-size: 22px;
}
/*Header Section*/
.primary-header {
display: none;
}
.secondry-header .col-xs-12 {
position: static;
}
.secondry-header .container {
position: relative;
}
.navigation {
margin-left: 0;
float: none;
text-align: left;
display: none;
}
.navigation,.navigation li,.navigation ul,#header .navigation ul,#header .navigation li,#header .navigation a{
transition: none !important ;
-o-transition: none !important ;
-webkit-transition: none !important ;
-moz-transition: none !important ;
-ms-transition: none !important ;
}
.submenu-click {
background: url("../images/plus.png") no-repeat center center;
cursor: pointer;
height: 15px;
position: absolute;
right: 50px;
top: 6px;
width: 15px;
}
.menu li.current-menu-item > a,.menu li.current_page_ancestor > a{
color: #fff !important;
}
.submenu li.current-menu-item a{
color:#fff !important;
}
.submenu-click.new-tab {
background:url("../images/minus.png") no-repeat center center;
}
#header .quote {
position: absolute;
right: 15px;
top: 0;
}
.right-to-left .secondry-header .logo {
float: none;
}
.right-to-left .secondry-header .num {
text-align: left;
}
.menu {
display: block;
text-align:left;
}
.menu li a {
border-bottom: 2px solid transparent !important;
}
.menu li a:hover{
color: #fff;
}
.menu li {
float: none;
width: 100%;
margin-left: 0;
padding: 0;
display: block;
}
.menu li {
margin-bottom: 8px;
margin-left: 0 !important;
}
.menu li .submenu {
position: static !important;
width: 100% !important;
background: none !important;
padding: 0 10px !important;
display: none;
}
.menu li .submenu li a {
border: none !important;
}
.menu li .submenu li a:hover {
color: #575757;
}
/* .menu li:hover .submenu {
display: none !important ;
}*/
.menu li:hover .submenu {
display: none;
}
.menu-wrapper {
background: #f38929;
margin-top: 20px;
}
.secondry-header .num {
display: block !important;
border: none !important;
padding-left: 0 !important;
}
#header .quote {
top: 43px;
}
#slider .detail {
margin-left: 0;
left: 0;
width: 320px;
height: 150px;
border: none;
}
.button-wrapper {
display: block !important;
}
#slider .top-row > strong {
padding: 10px 14px 0;
font-size: 18px;
display: block;
text-indent: 0;
}
#slider .top-row .direction-arrrow {
border: none;
width: 74px;
padding: 14px 0;
text-align: center;
position: absolute;
right: 0;
bottom: -20px;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
}
#slider .top-row .direction-arrrow .next, #slider .top-row .direction-arrrow .prv {
margin: 0 4px;
}
#slider .top-row {
border: none;
min-height: 33px;
}
#slider .bottom-sec {
padding: 2px 14px;
}
#slider .bottom-sec h2 {
font-size: 14px;
padding-bottom: 0;
padding-left: 14px;
}
#slider .bottom-sec p {
font-size: 12px;
line-height: 14px;
padding-bottom: 0;
padding-left: 14px;
}
#slider .bottom-sec a {
font-size: 12px;
line-height: 17px;
padding: 3px 5px !important;
margin-left: 14px;
}
.secondry-header {
padding-bottom: 0 !important;
}
.menu-wrapper {
background: #f38929;
margin-top: 20px;
}
.tp-caption {
position: absolute !important
}
.right-to-left #theme_panel {
position: fixed;
}
/*Info Section*/
.info-container {
padding-top: 40px;
}
.info-container .about-us, .info-container .our-images ul {
padding-top: 0px;
}
.info-container .about-us {
padding-bottom: 20px;
}
.info-container .our-images ul {
display: block;
width: 50%;
float: left;
}
.info-container .our-images ul li {
padding-left: 0;
}
.info-container .our-quality li {
font-size: 12px;
line-height: 1.3;
}
.info-container .our-quality strong {
margin-top: 6px;
}
.our-images ul li img {
display: block;
margin: 0 auto;
width: 100%;
}
.info-container .our-images ul:first-child {
padding-right: 10px;
}
.info-container .our-images ul:last-child {
padding-left: 10px;
}
/*Info-container-1 content*/
.info-container-1 {
padding: 40px 0;
}
.info-container-1 .about-us {
padding: 0 15px
}
.info-container-1 .our-quality {
margin-top: 25px;
}
.info-container-1 .our-quality li {
width: 100%;
}
.info-container-1 .our-quality figure {
margin-bottom: 25px;
}
/*Service Section*/
.service-container {
padding: 40px 0;
}
.service-container .our-service {
margin-top: 0;
}
.service-container .left-detail {
width: 100%;
}
.service-container .right-detail {
padding: 20px 15px;
width: 100%;
}
.service-container .right-detail strong {
font-size: 22px;
line-height: 1.5;
}
.our-testimonial-1 .heading-row h2 {
font-size: 25px;
}
/*Service-Info-2 Section*/
.service-container-2 {
padding: 25px 0;
}
.service-container-2 .quote {
position: static;
float: right;
margin-top: 20px;
}
.service-container-2 .our-service {
margin-top: 20px;
}
/*Service-Info-3 Section*/
.service-container-3 {
padding: 25px 0;
}
.service-container-3 .quote {
position: static;
margin-bottom: 20px;
}
.service-container-3 .office-list, .service-container-3 .office-list li {
margin-left: 0;
}
.service-container-3 .office-list li {
width: 100%;
text-align: center;
padding-bottom: 20px;
}
/*project Section*/
.project-container {
padding: 30px 0;
}
.right-to-left .project-container {
background:none;
}
.project-container .our-project {
position: static;
margin: 0;
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.project-container .detai-box {
width: 100%;
}
.right-to-left .project-container .detai-box {
padding-right: 0px;
}
.project-container .img-box {
width: 100%;
margin-bottom: 20px;
}
.project-container .odd .detai-box {
padding: 0;
}
.project-container .detai-box li {
padding-bottom: 10px;
}
.project-container .detai-box h2 {
margin-bottom: 25px;
}
.project-container .detai-box ul {
padding: 20px 0 10px 5px;
}
.project-container .odd .img-box {
margin-top: 0;
}
.project-container .img-box img {
width: 100%;
}
.project-container li i {
font-size: 24px;
margin-right: 0;
}
.project-container .our-project strong {
font-size: 22px;
}
.right-to-left .project-detail .project-links li.delivery {
border-bottom: none;
border-left: none;
border-right: none;
}
/*testimonial Section*/
.customer-says {
border: none;
margin: 100px 0 0 0;
padding-bottom: 10px;
}
.testimonial-box {
margin-top: 10px;
}
.testimonial-container::before {
display: none
}
.testimonial-box .view-list {
padding: 0
}
.testimonial-box blockquote i {
padding-bottom: 10px;
}
#testimonial-carousel.flexsilder {
margin-right: 0;
float: left;
}
.testimonial-box .thumb-box {
position: static;
float: left;
padding: 20px 0 10px;
}
#testimonial-carousel .flex-direction-nav {
top: auto;
bottom: 5px;
margin-top: 0;
}
#testimonial-silder .flex-direction-nav {
left: 0;
top: 95%;
}
.right-to-left #testimonial-silder .flex-direction-nav {
right:50%;
}
.right-to-left .quote-box {
padding-right: 0px;
}
/*our-testimonial-1*/
.our-testimonial-1 {
padding: 25px 0;
}
.our-testimonial-1 .heading-row h2 {
font-size: 26px;
}
.our-testimonial-1 blockquote {
margin-top: 25px;
padding-left: 45px;
}
/*partners Section*/
.our-partners {
padding: 50px 0;
}
.our-partners ul {
margin-top: 20px;
}
.our-partners ul li {
width: 33.33%;
height: auto;
}
.our-partners ul li a {
height: auto;
}
/*quote Section*/
.quote-box {
width: 100%;
padding: 50px 0;
}
.quote-container .right-banner {
display: none;
}
/*contact-us Section*/
.contact-us-container {
padding-bottom: 20px
}
.contact-us-container .box {
width: 100% !important;
padding: 20px 0 0 0 !important;
font-size: 14px !important;
line-height: 20px !important;
}
.contact-us-container .box.call {
padding-left: 0 !important;
width:169px !important;
float:left !important;
border:none !important;
}
.contact-us-container .box.last{
float:left !important;
width:40% !important;
}
.contact-us-container .box.last + .box.last{
width:100% !important;
}
.contact-us-container .contact-us {
float: left !important;
}
.contact-us-container .location-svg svg {
margin-left: -13px !important;
}
.contact-us-container .box ul {
text-align:left !important;
}
.contact-us-container .box li {
padding: 0 10px 0 0 !important;
}
.contact-us-container .box em{
font-size:32px !important;
}
.contact-us-container .box em{
margin-right:2px !important;
}
.contact-us-container .box.call em{
margin-right:8px !important;
}
/*footer section*/
.primary-footer {
padding-top: 20px;
}
#footer .copyright {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px
}
.primary-footer .list li {
width: 100%;
float: none;
}
/*our-work section*/
.our-work {
padding: 25px 0;
}
.our-work .box {
margin-top: 20px;
}
.heading-row h2 {
font-size: 15px;
padding-right: 15px;
}
.our-work .box .detail, .our-work .box .img-box {
width: 100%;
}
.our-work .box .tag {
display: none;
}
.our-work .bottom-row, .our-work .bottom-row-2 {
height: auto;
margin-bottom: 20px;
}
.our-work .bottom-row strong {
padding: 25px 10px;
font-size: 14px;
}
.our-work .bottom-row a {
padding: 25px 10px;
}
.our-work .bottom-row-2 a {
padding: 8px 0;
border: none;
margin: 0 10px 10px 0;
}
/*our-project-container section*/
.our-project-container {
padding: 12px 0;
}
.project-slider li .project-detail {
position: static;
width: 100%;
}
.project-detail .top-detail {
padding: 25px 25px 5px;
}
.project-detail .top-detail h3 {
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
}
.project-detail .top-detail h4 {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}
.project-detail .top-detail p {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}
.our-project-container .bx-prev {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
left: 0;
top: 25px;
}
.our-project-container .bx-next {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
right: 0;
top: 25px;
}
/*our-info section*/
.our-info {
padding: 20px 0;
}
.our-info .our-quality strong {
font-size: 10px;
}
.our-info .img-list {
margin-top: 25px;
}
/*our-testimonial section*/
.our-testimonial {
padding: 20px 0;
margin-top: 20px;
}
.right-to-left .our-testimonial blockquote {
padding: 0 40px 0 0;
}
.our-testimonial .heading-row h2 {
font-size: 13px;
padding-right: 10px;
}
.our-testimonial blockquote {
margin: 25px 0 0 0;
padding-left: 40px;
}
.our-testimonial blockquote p {
line-height: 1.3;
}
.our-testimonial blockquote footer {
margin-top: 15px;
}
.our-testimonial .bx-pager.bx-default-pager {
margin-top: 20px;
}
/*our-partner section*/
.our-partner {
padding: 20px 0;
}
.our-partner ul {
margin-top: 20px;
}
.our-partner ul li {
width: 50%;
}
/*our-quote-container section*/
.our-quote-container {
}
.our-quote-container .quote-box {
padding: 25px 0;
width: 100%;
}
.our-quote-container .right-banner {
width: 100%;
}
/*about-us content*/
.banner-container {
padding: 25px 0;
min-height: 0;
}
.about-img {
float: none;
padding-left: 0;
}
.about-img img {
margin-left: 0;
}
.about-detail {
padding-top: 25px;
}
.video-container {
padding: 25px 0;
}
.video-container .video-box {
width: 100%;
}
.video-container .box {
margin: 20px 0;
}
.video-container .our-detail {
width: 100%;
padding: 0;
}
.our-team-container {
padding: 25px 0;
}
.our-team-container .bx-prev {
left: 0;
top: -50px;
margin-top: 0;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
}
.our-team-container .bx-next {
right: 0;
top: -50px;
margin-top: 0;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
}
/*about-us-1 content*/
.info-aboutus {
margin: 30px 0 0;
}
.info-aboutus .left-banner {
width: 100%;
left: 0;
position: static;
margin-bottom: 20px;
margin-left: 0;
}
.info-aboutus .msg-slider {
width: 100%;
}
.info-aboutus .our-detail {
width: 100%;
padding: 20px 0;
margin-left: 0;
}
.info-aboutus .box {
margin-bottom: 20px;
}
.info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {
padding: 20px;
}
.info-aboutus .msg-slider .bx-prev {
bottom: 125px;
right: 65px
}
.info-aboutus .msg-slider .bx-next {
bottom: 125px;
right: 40px
}
.our-team-container .our-team-detail li {
width: 100%;
}
.our-team-container .our-team-detail li figure a{
display:block;
}
.our-team-container .our-team-detail li figure img{
width:100%;
}
.our-team-container .our-team-detail li .box .img-box {
width: 100%;
text-align: center;
}
.our-team-container .our-team-detail li .box .detail-box {
width: 100%;
padding-left:15px;
padding-right:15px;
}
/*blog-1 content*/
.blog-container-1 .blog-list article {
padding: 20px 15px;
margin-bottom: 10px;
}
.blog-container-1 .blog-list .img-box {
width: 100%;
}
.blog-container-1 .blog-list .detail {
width: 100%;
padding: 20px 0 0;
}
.blog-container-1 .blog-list .post-detail {
margin-bottom: 10px;
}
.blog-container-1 .blog-list .post-detail li {
font-size: 10px;
padding: 0 10px;
}
.blog-container-1 .blog-list h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.blog-container-1 .blog-list h3 i {
margin-top: 10px;
}
.blog-container-1 .blog-list .cat-list {
margin-bottom: 10px;
}
.blog-container-1 .blog-list .cat-list li {
font-size: 11px;
padding: 0 5px 0 25px;
}
.pagination-box {
margin: 30px 0;
}
/*blog-2 content*/
.blog-container-2 .right-body .inner-content {
padding-left: 0;
}
.blog-container-2 .right-body .meta-list li a {
margin-right: 4px;
}
.blog-container-2 .left-body .detail {
padding: 20px 15px;
}
.blog-container-2 .left-body .post-detail {
margin-bottom: 10px;
}
.blog-container-2 .left-body .post-detail li {
font-size: 10px;
padding: 0 9px;
}
.blog-container-2 .left-body h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.blog-container-2 .left-body .cat-list {
margin-bottom: 10px;
}
.blog-container-2 .left-body .cat-list li {
font-size: 11px;
padding: 0 5px 0 25px;
}
.blog-container-2 .left-body .half-box {
width: 100%;
}
.blog-container-2 .left-body figure img {
width: 100%;
}
.blog-container-2 .left-body .half-box .detail {
padding: 20px 15px;
}
.blog-container-2 .left-body .half-box h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
/*blog-post content*/
.author-detail {
padding: 0 15px;
}
.comment-box {
padding: 20px 0;
}
.comment-box li .msg-detail em{
display:none;
}
.comment-box li .msg-detail {
width: 100%;
margin-top: 10px;
padding-left:15px;
padding-right:15px;
}
.leavecomment-box {
padding: 0;
margin-bottom: 20px;
}
.leavecomment-box input[type="text"] {
width: 100%;
padding: 17px 10px
}
.leavecomment-box .email {
margin-left: 0;
}
/*clients content*/
.our-clients .clients-logo {
margin: 20px 0;
}
.our-clients .clients-logo li {
width: 33.33%;
height: auto;
}
.our-clients .clients-logo li a {
height: auto;
}
.our-clients {
padding: 25px 0;
}
.our-clients .box, .our-clients .box.last {
width: 50%;
}
/*our_contact content*/
.our_contact {
padding: 25px 0;
}
.our_contact h3 {
font-size: 25px;
}
.our_contact .right-detail address strong{
font-size:22px;
}
.our_contact .left-detail {
width: 100%;
}
.our_contact .right-detail {
width: 100%;
padding-left: 0;
}
.right-to-left .our_contact .right-detail address li i {
left: 93%;
}
.right-to-left .our_contact .right-detail address li i.location-svg {
left: 91%;
}
.right-to-left .our_contact .right-detail address li {
padding-right: 67px;
}
.our_contact .right-detail .social-icons {
text-align: center;
}
.our_contact .right-detail address {
margin-top: 0;
}
.our_contact .right-detail address {
padding: 49px 20px 20px
}
.our_contact .left-detail form .coll-1{
width:100%;
float:none;
}
.our_contact .left-detail form .coll-1.last{
margin-left:0;
}
.our_contact .left-detail input[type=text],.our_contact .left-detail input[type=email]{
padding:10px;
}
/*FAQ Content*/
.faq-container {
padding: 25px 0;
}
.faq-container h3 {
font-size: 20px;
line-height: 30px;
}
.faq-container h3 span {
display: inline-block;
}
.faq-container .search-box {
max-width: 290px;
}
.faq-detail li {
padding: 20px 0 20px 55px;
}
.right-to-left .faq-detail li {
padding: 20px 0 20px 55px;
}
.faq-detail a {
display: block;
margin-left: 0;
margin-top: 15px;
}
/*project content*/
.project-category {
padding: 25px 0;
}
.project-category h3 {
font-size: 20px;
line-height: 26px;
}
.category-box strong {
margin-bottom: 20px;
}
.category-box {
padding-bottom: 10px;
}
.category-box li {
margin-bottom: 10px;
}
.project-list {
padding: 0;
}
.project-list .detail {
width: 100%;
padding: 20px;
}
.project-list .detail h4 {
font-size: 16px;
line-height: 20px;
}
.project-list .detail ul {
padding: 20px 0 10px 0;
}
.project-list .detail ul li {
margin-bottom: 10px;
}
.project-list .detail::before {
display: none;
}
.project-list figure {
width: 100%;
}
.icon-design, .icon-manegement, .icon-delivery{
height: auto;
width: 23px;
}
.project-list .detail ul li a i{
font-size:20px;
}
/*project-1 content*/
.project-category-1 {
padding: 25px 0;
}
.project-category-1 h3 {
font-size: 20px;
line-height: 26px;
}
.project-category-1 h3 span {
display: inline-block;
}
.category-box-1 li {
margin-bottom: 10px;
}
.project-list-1 figure {
width: 100%;
}
.project-list-1 .detail {
width: 100%;
padding: 20px 15px;
}
#gallery-content-center{
overflow:visibility !important;
}
/*projects-details content*/
.project-detail-container .upper-box .left-detail {
width: 100%;
padding-top: 25px;
}
.project-detail-container h3 {
font-size: 20px;
line-height: 26px;
}
.project-detail-container h3 span {
display: inline-block;
}
.project-detail-container .upper-box .right-detail {
width: 100%;
padding: 20px 0 0 0;
}
.project-detail-container .upper-box .right-detail li {
padding-bottom: 15px;
}
.project-detail-container .upper-box .right-detail li a i{
font-size:24px;
}
.project-detail-container .upper-box .right-detail li a span {
font-size: 12px;
}
.about-project {
margin: 25px 0 0;
}
.about-project .detail {
position: static;
width: 100%;
padding: 20px 0 0;
}
.about-project .detail:before {
display: none;
}
.about-project .detail li strong {
font-size: 13px;
}
.about-project .detail li span {
font-size: 14px;
}
.project-discription {
padding-bottom: 25px;
}
.project-discription .feature-list li {
width: 100%;
margin-bottom: 15px;
}
.project-discription .right-content {
padding-left: 0;
}
.project-discription .right-content .img-box li img,.project-discription .box,.project-discription .box.odd {
width: 100%;
}
.project-discription .box,.project-discription .box.odd{
margin-left:0;
margin-right:0;
}
.project-discription .box {
margin-top: 20px;
margin-bottom: 20px;
}
.project-discription .right-content .bx-prev {
font-size: 0;
background-position: center center;
}
.project-discription .right-content .bx-next {
font-size: 0;
background-position: center center;
}
.pro-slider li {
text-align: center;
}
.project-discription .bx-prev::before, .project-discription .bx-next::before {
font-size: 20px;
}
.project-discription .bx-prev::before {
left: 45%;
}
.project-discription .bx-next::before {
right: 45%;
}
.project-discription .box strong{
text-align:center;
}
.icon-goal,.icon-eco{
display:block;
margin-left:auto;
margin-right:auto;
}
/*projects-2 content*/
.project-list-2 {
margin-left: 0;
padding: 0;
}
.project-list-2 li {
width: 100%;
margin-left: 0;
margin-bottom: 25px;
}
.our-team-container .bx-prev {
left: -15px;
top: 50%;
margin: 0;
}
.our-team-container .bx-next {
right: -15px;
top: 50%;
margin: 0;
}
.video-container .box strong,.info-aboutus .box strong,.video-right-container .box strong{
text-align:center;
}
.video-container .box i,.info-aboutus .box i,.video-right-container .box i{
display:block;
margin-left:auto;
margin-right:auto;
}
#gallery-content-center {
overflow: visible !important;
}
.other-project {
overflow: hidden;
padding-top: 50px;
}
#pageloader{
display:none;
}
.breadcrumbs-box ul li:first-child{ margin-left:0;}
.right-to-left .breadcrumbs-box ul li {
margin-left: 18px;
}
.box.last ul{
margin-left: 0;
}
.our-project-container .bx-controls-direction {
top: 22%;
}
.our-info .our-quality li{
line-height: 1.3;
}
.our-clients .clients-logo li {
width: 50%;
}
.page-template-industrial-home.industrial-theme6 #header.normal {
position: relative;
}
.header-six .menu li.current-menu-item, .header-six .menu li.current-menu-ancestor,.header-six .menu li:hover a, .header-six .menu li.active a{
background: none;
}
.project-discription .feature-list{
margin-bottom: 20px !important ;
}
.project-discription{
overflow: hidden;
}
.contact-us-container .box em.location-svg {
margin-top: -12px;
}
.primary-footer h3{
margin-bottom: 13px;
}
.primary-footer .textwidget{
margin-bottom: 26px;
}
.our-work .img-box.fade-effect > img {
width: 100%;
}
.project-discription{
padding-left: 7px;
}
.video-right-container .box{
text-align: center;
}
.video-right-container .box i{
display: inline;
}
.our-team-container .our-team-detail li:nth-child(2n+1),.our-team-container .our-team-detail li:nth-child(2n){
padding-right: 0;
padding-left: 0;
}
/*----- Revolution SLider -----*/
#rev_slider_8_1_wrapper .tp-parallax-wrap,#rev_slider_9_1_wrapper .tp-parallax-wrap{
left: 10px !important ;
}
#rev_slider_8_1_wrapper .tp-parallax-wrap .f-project,#rev_slider_8_1_wrapper .tp-parallax-wrap .quote,#rev_slider_9_1_wrapper .tp-parallax-wrap .f-project,#rev_slider_9_1_wrapper .tp-parallax-wrap .quote{
font-size: 12px !important;
padding: 10px !important;
}
#rev_slider_8_1_wrapper .tp-parallax-wrap .tp-caption p,#rev_slider_9_1_wrapper .tp-parallax-wrap .tp-caption p{
font-size: 12px !important;
line-height: 1.3 !important ;
margin-bottom: 8px !important ;
}
#rev_slider_8_1_wrapper .tp-parallax-wrap h3,#rev_slider_9_1_wrapper .tp-parallax-wrap h3{
font-size: 14px !important;
}
#rev_slider_8_1_wrapper .tp-parallax-wrap h3 span,#rev_slider_9_1_wrapper .tp-parallax-wrap h3 span{
font-size: 11px !important;
}
#rev_slider_8_1_wrapper .tp-parallax-wrap h4,#rev_slider_9_1_wrapper .tp-parallax-wrap h4{
font-size: 13px !important;
}
}
@media only screen and (max-width: 565px) {
.our-info .img-list {
margin-left: 0;
}
.our-info .img-list li {
width: 100%;
text-align: center;
margin: 0 0 15px 0;
}
/*project-1 content*/
.other-project li {
width: 100%;
margin-bottom: 20px;
}
.other-project li > img {
width: 100%;
}
#slider .img-slider .bx-viewport, #slider .img-slider .bx-viewport li, #slider .img-slider .bx-viewport img {
height: 180px !important
}
.header-two .primary-header,.header-three .primary-header{
display: block;
}
.header-two .our-contact,.header-two .right-header,.header-three .our-contact,.header-three .right-header{
display: none;
}
.header-two .menu-wrapper,.header-three .menu-wrapper{
margin-top: 0;
}
.header-two .navigation .quote,.header-three .navigation .quote{
display: none;
}
.header-two .menu li a,.header-three .menu li a,.header-five .menu li a{
padding: 5px 12px;
}
.header-two .navigation,.header-three .navigation,.header-five .navigation{
padding-top:10px;
padding-bottom:10px;
}
.header-five .menu li:hover a, .header-five .menu li.active a{
background: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.num {
position: absolute;
right: -48%;
top: -76px;
}
.right-to-left .left-header span {
float: left;
}
.submenu {
min-width: 140px;
}
/*blog-1 content*/
.blog-container-1 .blog-list article {
padding: 40px;
}
.blog-container-1 .blog-list .detail {
padding: 20px 20px 0 0;
}
/*blog-2 content*/
.blog-container-2 .right-body .inner-content {
padding-left: 0;
}
.blog-container-2 .right-body .post-list a {
line-height: 16px;
}
.blog-container-2 .right-body .meta-list li a {
margin-right: 4px;
}
.blog-container-2 .left-body .detail {
padding: 20px;
}
/*blog-post content*/
.comment-box li .msg-detail {
width: 78%;
}
/*clients content*/
.our-clients .box strong em {
width: 80%;
}
/*project content*/
.project-list .detail {
padding: 20px;
}
.project-list .detail ul {
padding: 10px 0;
}
.project-list .detail ul li {
margin-right: 10px;
}
.project-list .detail ul li a i {
margin-right: 5px;
}
.project-list .detail ul li a span {
font-size: 11px;
}
.project-list p {
line-height: 20px;
}
.project-list .view {
margin-top: 10px;
}
.project-list .detail ul li a i{
font-size:24px;
}
/*Service-Info-3 Section*/
.service-container-3 {
padding: 100px 0;
}
.service-container-3 .office-list {
margin-left: -1%;
}
.service-container-3 .office-list li {
width: 32%;
margin-left: 1%;
}
/*projects-2 content*/
.project-list-2 {
margin-left: -2%;
}
.project-list-2 li {
width: 48%;
margin-left: 2%;
margin-bottom: 25px;
}
.right-to-left .our_contact .right-detail address li i {
left: 95%;
}
.right-to-left .our_contact .right-detail address li i.location-svg {
left: 90%;
}
.our-partner ul li{
width: 33.33%;
text-align: center;
}
}
@media only screen and (max-width: 481px) {
.video-container .video-box iframe{
height:auto;
}
/*clients content*/
.our-clients .box, .our-clients .box.last {
width: 100%;
}
/*Info Container*/
.info-container .our-images ul {
width: 100%;
float: none;
}
.info-container .our-images ul:first-child {
padding-right: 0;
}
.info-container .our-images ul:last-child {
padding-left: 0;
}
.our-partners ul li {
width: 50%;
}
.comment-form .comment-form-input{
width:100%;
}
.comment-form #your_email, .comment-form .email{
margin-left: 0;
}
.ind_sidebar_wrapper{
padding-left:0;
}
.service-container-2{
overflow: hidden;
}
}
@media all and (max-width:992px){
.our-project-container .bx-controls-direction {
height: 45px;
left: 0;
margin-top: -22px;
position: absolute;
width: 100%;
}
.project-category-1 h3,.project-category-1 .category-box-1 strong{
width: auto;
}
.blog-container-2 .left-body article:nth-child(3n),.blog-container-2 .left-body article:nth-child(3n-1){
width: 100% !important;
}
.blog-container-2 .left-body article:nth-child(3n) .post-detail li,.blog-container-2 .left-body article:nth-child(3n-1) .post-detail li{
float: left;
padding-left: 18px;
border-left: 1px solid #c7c7c7;
}
.blog-container-2 .left-body article:nth-child(3n) .post-detail li:first-child,.blog-container-2 .left-body article:nth-child(3n-1) .post-detail li:first-child{
padding-left: 0;
border-left: none;
}
.blog-container-2 .pagination-box,.blog-container-1 .pagination-box {
margin: 50px 0 !important ;
}
.about-video-container{
padding: 30px 0;
}
.our_contact .right-detail{
padding-top: 62px;
}
}
@media only all and (min-width: 768px){
.blog-container-1 .blog-list .img-box + .detail.animate-effect {
width: 57% !important ;
}
.blog-container-1 .blog-list .detail.animate-effect {
width: 100% !important ;
}
}
@media only all and (min-width:479px) and (max-width: 639px){
.our-project-container .bx-controls-direction {
top: 27%;
}
}
@media only all and (min-width:640px) and (max-width: 767px){
.our-project-container .bx-controls-direction {
top: 31%;
}
}
@media all and (min-width:768px) and (max-width:1024px){
/*----- Revolution SLider -----*/
#rev_slider_8_1_wrapper .tp-parallax-wrap,#rev_slider_9_1_wrapper .tp-parallax-wrap{
left: 10px !important ;
}
}
@media all and (min-width:1024px){
.search .blog-container-2 .left-body article {
float: left;
overflow: hidden;
width: 100%;
}
}
@media all and (min-width:481px){
.comment-form .comment-form-input.comment-email{
margin-left: 2%;
}
.comment-form .comment-form-input.comment-email #your_email{
margin-left: 0;
}
}
@media only screen and (max-width: 1199px){
.navigation{
margin-top:2px;
}
}
@media only screen and (max-width:992px){
.testimonial-box .thumb-box{
left: -125%;
}
#testimonial-silder .flex-direction-nav{
top:110%;
}
}
@media only screen and (max-width: 767px){
.info-container {
padding-top: 20px;
}
.info-container .about-us h2{
padding-bottom:15px;
}
.info-container .section-header strong {
font-size: 13px;
line-height: 20px;
padding-bottom: 10px;
}
.service-container {
padding: 20px 0;
}
.service-container .left-detail h2{
margin-bottom:15px;
}
#testimonial-silder .flex-direction-nav {
top: 140%;
}
}
@media only screen and (max-width:500px){
#testimonial-silder .flex-direction-nav {
top: 131%;
}
}
@media screen and (max-width:400px){
#testimonial-silder .flex-direction-nav {
top: 106%;
left: 15px;
}
}