/*-------------------------------------------------------------------
    Main Style Stylesheet
    Project:        ZAP | The Multi-Purpose HTML5 Template
    Version:        4.0
    Author:         M_Adnan
    Last change:    26/12/2017
    Primary use:    Creative, Coporate, Business, Portfolio, Personal
---------------------------------------------------------------------*/
@media(min-width:1400px) and (max-width:1920px) {
}
@media(min-width:1200px) and (max-width:1400px) {
.promo-block .promo-text {
	padding-right: 20px;
 }
}
@media(max-width:1530px) { 
.vertical-menu .container {
	width: 100%;
 }
}
@media(min-width:1300px) and (max-width:1530px) {
#services2 .cbp-item {
    width: 100%;
  /*padding: 10px 10px;*/ 
}
/*.vertical-menu .col-4 .portfolio-item{
	width: 33.3333%;
 }*/	
}
@media(max-width:1200px) { 
.vertical-menu .header {
	width: 240px;
}
.vertical-menu {
	padding-left: 240px;
}
.vertical-menu .testimonial.style-1 .testi {
	width: 100%;
}
.vertical-menu .col-4 .portfolio-item {
	width: 50%;
}
/*.bx-wrapper .bx-prev {
	left: 0px;
}
.bx-wrapper .bx-controls-direction .bx-next {
	right: 0px;
 }*/
}
@media(max-width:1024px) {
}
@media(min-width:992px) and (max-width:1199px) {
/*.link-round a {
	margin-right: 10px;
}*/	
header {
	margin-top: 40px;
}	
.single-pages .ownmenu {
	float: right;
}
.single-pages .ownmenu li {
	padding: 0 7px;
}
header nav .ownmenu li {
	padding: 0 10px;	
}
.small-r-items .btn {
	letter-spacing: 0px;
}
.small-r-items .media {
	position: relative;	
	width: 100%;
	float: left;
	padding-right: 15px;
	margin-bottom: 20px;
	z-index: 2;	
}
.small-r-items h5 {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.small-r-items .item-img {
	width: 120px;
}
.port-folio-row li .hover-port {
	padding-top: 10%;
}
header .search-nav ul.dropdown {
	width: 100% !important;
}
.header-style-2.header-style-3 .logo {
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.header-style-2.header-style-3 nav {
	margin-top: 20px;
}
.header-style-2.header-style-3 nav {
	width: 100%;
}
.promo-block .promo-text {
	padding-right: 20px;
}
.contact.style-2 .contact-right {
	padding-right: 15px;
	padding-left: 15px !important;
}
.accordion .padding-40 {
    padding: 0px 0px 50px 0px !important;
 }	
/*.services li {
	width:50%;
 }*/
}
@media(max-width:991px) {
/*.new-age {
    padding-top: 0 !important;
}*/	
.link-round {
    margin-bottom: 20px;
}
/*.services.full-pattrn li {
    padding: 50px 50px 0px 50px;	
}*/	
.services li .ser-inn .gray-border {
	margin-top: 10px !important; 
}
#services2 .more-border {
	margin-top: 10px !important; 
 }	
}	
@media(min-width:768px) and (max-width:991px) {
.single-pages .ownmenu li {
	padding: 0 7px;
}
header .logo {
	position: relative;	
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.ownmenu {
	width: 100%;
}
header {
	margin-top: 2px;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
	width: 250px !important;
	padding: 20px;	
}
/*.ownmenu ul.dropdown li{
	padding: 0px;
}*/
header .ownmenu ul.dropdown {
	padding: 20px;
}
header nav .ownmenu li {
	padding: 0 10px;	
}
.popurlar_product .details-sec a {
	letter-spacing: 0px;
}
.popurlar_product li {
	width: 50%;
}
.list-style li {
	width: 100%;
}
.small-r-items .media {
	position: relative;	
	width: 50%;
	float: left;
	padding-right: 15px;
	z-index: 2;
}
.small-r-items h5 {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.small-r-items .item-img {
	width: 120px;
}
.port-folio-row li {
	width: 50%;
}
header nav .ownmenu li {
	float: left;
}
header .ownmenu li > .megamenu li a {
	padding: 5px 0
}
header .ownmenu > li > .megamenu.full-width {
	padding: 30px;
}
header .ownmenu > li > .megamenu.full-width .nav-post .col-sm-3 {
	width: 50%;
}
header .ownmenu .megamenu h6 {
	margin-top: 20px;
}
header .ownmenu ul.dropdown li a {
	letter-spacing: 1px;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
	width: 200px;
}
/*header{
	padding-bottom: 10px;
}*/
.ownmenu ul.dropdown li a {
	padding-left: 20px;
}
header .ownmenu .look-book .media {
	padding-bottom: 10px;
}
.header-style-2.header-style-3 .logo {
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.header-style-2.header-style-3 nav {
	margin-top: 20px;
}
.header-style-2.header-style-3 nav {
	width: 100%;
}
.col-4 .portfolio-item {
	width: 50%;
}
.testimonial .testi {
	width: 100%;
}
.testimonial .flex-direction-nav {
	display: none;
}
.promo-block .promo-text {
	padding-right: 20px;
}
.process-style-3 li {
	width: 50%;
	margin-bottom: 60px;
}
.process-style-3 li:before {
	top: 120%;
}
.process-style-3 .icon:before {
	height: 20px;
}
.contact.style-2 .contact-right {
	padding-right: 15px;
	padding-left: 15px !important;
}
.services-mission .icon-box.ib-style-3 {
	display: inline-block;
	width: 100%;
}
.clients.text-center li {
	margin-bottom: 30px;
	padding: 0px 70px 15px;
}
/*--------------------------------------*/	
.btn {
   margin-bottom: 10px !important;	
}
.heading-block h2 {
   margin-top: 15px;
}
.phil p {
   margin-bottom: 20px;
}
.more-border {	
   padding: 10px 20px;	
}
.more {	
   padding: 10px 20px;	
}
.accordion {
   padding-top: 20px !important;
}	
.accordion-style-2 .panel-body p {
   margin-top: 20px;
}
.promo.dark {
   text-align: center;
}
.promo.dark .margin-left-50 {
   margin-left: 0px !important;
   margin-top: 20px;
}	
.cbp .cbp-item {
	width: 100%;
}
/*.icon-style.style-2 li {
	float: left;
	width: 50%;
}
.services-images li {
	float: left;
	width: 50%;
}
.parthners li {
	width: 33.3333%;
	float: left;
	margin-bottom: 30px;
}
.icon-style.icon-color li{
	float: left;
	width: 50%;
}
.our-value li{
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
#footer .block .block-title {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
}*/
}	
/*-------------------------------------- @media only screen and */
@media(min-width:1325px) {
.blog .owl-dots {
    display: none !important;
 }	
}
@media(min-width:1200px) and (max-width:1324px) {
.blog .owl-nav {
    display: none !important;
 }	
}
@media(min-width:992px) and (max-width:1199px) {
.more-border {
    padding: 10px 15px;
 }
}
@media(min-width:1125px) and (max-width:1199px) {
.blog .owl-dots {
    display: none !important;
 }	
}
@media(min-width:992px) and (max-width:1124px) {
.blog .owl-nav {
    display: none !important;
 }	
}
@media(min-width:991px) {
.phil p {
   margin-bottom: 40px;
 }	
}
@media(min-width:901px) and (max-width:991px) {
.blog .owl-dots {
    display: none !important;
 }	
}
@media(max-width:900px) {
.blog .owl-nav {
    display: none !important;
 }	
}
/*--------------------------------------*/
@media(max-width:768px) {
.ownmenu {
	width: 100%;
	padding: 0 0 0 20px;
 }
/*.col-4 .portfolio-item {
	width: 50%;
 }*/
.marquee {
  /*width: 300px;*/
    overflow: hidden;
	font-size: 16px;
	color: #141414;/* #fff */
 }	
}	
@media(max-width:767px) {
.ownmenu {
	width: 100%;
    max-height: 450px;
  /*overflow-y: scroll;*/
}
.ownmenu > li.showhide span.icon {
	padding: 0px;
	margin: 0px;
}
header nav li a {
}
header .header-2 nav {
	padding-top: 0px;
	text-align: left;
	background: #fff;
}
header {
	position: fixed;
	margin-top: 0px;
	padding: 20px 0;
	background: rgba(0,0,0,0.8);
}
.is-sticky .sticky {
	position: relative !important;
}
header .logo {
	position: relative;
	float: left;
	text-align: center;
	margin-top: 0px;	
}
header nav {
	width: 100%;	
	min-height: inherit;
}
header nav .ownmenu .indicator {
	display: block;
}
header nav li a {
	display: inline-block;
	width: 100%;
	float: none;
}
header .nav-img {
	display: none !important;
}
.ownmenu > li.showhide {
    position: absolute;	
	float: right;	
	height: 50px;
    width: 50px;
	color: #fff;	
    top: -53px;
    right: 0;
	font-size: 20px;
	text-align: center;	
}
.ownmenu > li.showhide span {
    color: #fff;
    font-size: 25px;
	line-height: 50px;
    text-align: right;	
}	
.ownmenu > li.showhide span.title {
	margin: 0px;
}
.ownmenu > li > a {
	padding: 15px 10px;
	text-align: left;
}
.ownmenu .indicator {
	display: block;
}
.vertical-menu .header {
	position: relative;	
	width: 100%;
	padding-top: 20px;
	margin-bottom: -5px;
}
.vertical-menu .header .social-icons {
	display: none;
}
.vertical-menu .header nav {
	margin-top: 10px;
}
.vertical-menu {
	padding-left: 0px;
}
header .ownmenu ul.dropdown {
}
.collection-adds li {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.add_block_2 li {
	margin-bottom: 30px
}
.blog-posts .info {
	margin-bottom: 30px;
}
footer .f-links {
}
footer .footer-link h5 {
	margin-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}
/*--------------------------------------*/	
.btn {
   margin-bottom: 10px !important;	
}
.heading-block h2 {
   margin-top: 15px;
}
.phil p {
   margin-bottom: 20px;
}
.more-border {	
   padding: 10px 20px;	
}
.more {	
   padding: 10px 20px;	
}
.accordion {
   padding-top: 20px !important;
}	
.accordion-style-2 .panel-body p {
   margin-top: 20px;
}
.promo.dark {
   text-align: center;
}
.promo.dark .margin-left-50 {
   margin-left: 0px !important;
   margin-top: 20px;
}	
.cbp .cbp-item {
   width: 100%;
}
/*--------------------------------------*/	
/*#footer .block .block-title {
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-top: 30px;
}
#footer .block-instagram-widget ul {
	margin: 0 -5px;
}*/
/*--------------------------------------*/		
p.intro-small {
	width: 100%;
}
.subcribe h4 {
	width: 100%;
	margin-bottom: 20px;
}
.subcribe {
	text-align: center;
}
.subcribe .col-md-7 {
	width: 100%;
}
#contact_form li {
	margin-bottom: 10px;
}
.our-clients p.intro {
	width: 100%;
}
.services li .icon {
	margin-bottom: 10px;
}
.services li {
  /*margin-bottom: 30px;*/
	margin-bottom: 30px;	
}
.small-r-items .btn {
	letter-spacing: 0px;
}
.small-r-items .media {
	width: 50%;
	float: left;
	display: inline-block;
	padding-right: 15px;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}
.small-r-items h5 {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.small-r-items .item-img {
	width: 120px;
}
.shades .tittle p {
	width: 100%;
}
.port-folio-row li {
	width: 50%;
	float: left;
	display: inline-block;
}
.port-folio-row li .hover-port {
	padding-top: 18%;
}
.news-letter .news-letter-form {
	width: 100%;
}
.testimonial-simple .media {
	margin-bottom: 30px;
}
.construction .services-style-2 ul li {
	width: 50%;
	float: left;
}
.tittle-cont p {
	width: 100%;
}
.latest-news .read-more {
	margin-bottom: 30px;
}
.testimonial .testi {
	width: 100%;
}
.testimonial .owl-nav .owl-prev {
	top: 10%;
}
.testimonial .owl-nav .owl-next {
	top: 10%;
}
.quote {
	text-align: center;
}
.quote h4 {
	width: 100%;
	text-align: center;
	line-height: 30px;
}
.quote .btn {
	margin-top: 20px;
	float: none;
}
.portfolio .col-3 li {
	width: 100%;
	margin-bottom: 30px;
}
.construction .filter li {
	padding: 0px 10px;
}
.construction .filter li a {
	font-size: 12px;
	padding: 0px;
}
.list-style li .col-sm-4 {
	width: 50%;
	float: left;
}
.list-style li .col-sm-8 {
	width: 50%;
	float: left;
}
.header-style-2.header-style-3 .logo {
	width: 100%;
	display: inline-block;
}
.header-style-2.header-style-3 nav {
	width: 100%;
	float: none;
}
.header-style-2.header-style-3 nav {
	margin-top: 10px;
}
.header-style-2.header-style-3 nav li {
	float: none;
}
.header-style-2.header-style-3 nav li.showhide {
	float: right;
}
.header-style-2.header-style-3 .search-nav ul.dropdown {
	width: 320px !important;
}
/*.col-4 .portfolio-item {
	width: 50%;
}*/
.testimonial .flex-control-thumbs li {
	height: 110px;
	width: 110px;
	margin: 0px;
}
.testimonial .flex-direction-nav {
	display: none;
}
.testimonial .slides {
	margin-top: 130px;
}
.posts-list.list-style-1 .entry-body {
	padding: 20px;
}
.welcome .icon-box.ib-style-1 {
	margin-bottom: 10px;
}
.section-parthner ul {
	display: inline-block;
	width: 100%;
}
.section-parthner ul li {
	width: 50%;
	float: left;
}
header .is-sticky .sticky {
	padding: 0px;
}
header.dark-text {
	background: rgba(255,255,255,0.9);
}
header.dark-text .ownmenu > li.showhide span.icon {
	color: #141414;
}
.services-coporate li i {
	margin: 0 auto;
	display: block;
}
.services-coporate li {
	margin-bottom: 30px;
}
.promo-block .promo-text {
	padding-right: 20px;
}
.process-style-3 li {
	width: 50%;
	margin-bottom: 60px;
}
.process-style-3 li:before {
	top: 120%;
}
.process-style-3 .icon:before {
	height: 20px;
}
.heading-block.style-6 span {
	width: 100%;
}
.blog .blog-post {
	margin-bottom: 30px;
}
.contact-right.padding-left-30 {
	padding-left: 0px !important;
}
.responsive-img {
	width: 100%;
}
.passion h6 {
	margin-top: 20px !important;
}
.parthners .col-5 li {
	width: 50%;
	margin-bottom: 10px;
}
.intro-5 {
	text-align: center;
}
.core-inn {
	background: none;
}
.app-image {
	display: none;
}
.contact.style-2 .contact-right {
	padding-right: 15px;
	padding-left: 15px !important;
}
.heading-block.style-4 {
	width: 100%;
}
.clients.text-center li {
	margin-bottom: 30px;
	padding: 0px 70px 15px;
}
.heading-block.style-5 p {
	width: 100%;
}
.portfolio.port-wrap .container-fluid .padding-left-50.padding-right-50 {
	padding: 0px !important;
}
.simple-ser li {
	margin-bottom: 30px;
}
.services-mission .icon-box.ib-style-3 {
	display: inline-block;
	width: 100%;
}
.col-3 .portfolio-item {
	width: 50%;
}
.intro.style-6 {
	text-align: center;
}
.intro.style-6 .heading-block {
	margin-top: 20px;
}
.promo.light {
	text-align: center;
}
.promo.light h4 {
	width: 100%;
	margin-bottom: 30px;
}
.promo a.btn {
	float: none;
}
.process .process-style-1 li {
	width: 50%;
	margin-bottom: 30px;
}
.passion .text-style-2 {
}
header .ownmenu > li > .megamenu.full-width .col-sm-3 {
	display: inline-block;	
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
header .ownmenu li > .megamenu li a {
	line-height: 32px;
}
.ownmenu li {
	float: none;
	padding-left: 0px !important;
}
header .ownmenu ul.dropdown li a {
	padding-left: 0px !important;
}
.social-icons-large li {
	width: 25%;
	float: left;
}
header .ownmenu > li > .megamenu.full-width {
	padding: 20px;
}
header .ownmenu ul.dropdown {
	padding: 10px 30px;
}
.ownmenu > li > ul.dropdown > li > ul.dropdown > li > a {
	padding-left: 0px !important;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
	padding: 10px 30px;
}
header nav li a:after {
	height: 1px;
}
.ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
	float: left;
	width: 100%;
}
.process .process-style-2 li {
	width: 50%;
	margin-bottom: 30px;
}
#cd-menu-trigger {
	left: 130px;
	top: 30px;
}
.parthners li {
	width: 33.3333%;
	float: left;
	margin-bottom: 30px;
 }
}

@media(min-width:721px) and (max-width:991px) {
.col-4 .portfolio-item {
	width: 33.3333% ;
	float: left;
 }
}
@media (max-width:720px) {
.col-4 .portfolio-item {
	width: 50%;
 }
}

@media (max-width:640px) {
.seasonals ul li {
	width: 100%;
}
.construction .services-style-2 ul li {
	width: 100%;
	margin-top: 20px;
}
.top-bar {
	height: auto;
}
header .language {
	display: inline-block;	
	width: 100%;
	text-align: left;
}
.top-links {
	float: left;
	width: 100%;
	text-align: center;
}
.top-links li {
	display: inline-block;	
	float: none;
}
.top-links ul {
	width: 100%;
}
.top-links .social_icons {
	position: absolute;
	width: auto;	
	right: 0px;
	top: 0px;
}
.social-icons-large li {
	width: 50%;
	float: left;
	margin-bottom: 30px;
 }
}
@media(max-width:540px) {
.small-r-items .media {
	width: 100%;
}
.small-r-items .item-img {
	width: 150px;
}
.port-folio-row li {
	display: inline-block;	
	width: 100%;
	float: left;
}
.news-letter .news-letter-form {
	width: 100%;
}
.subcribe .sub-mail button {
	margin: 0px;
	width: 200px;
	margin: 0 auto;
	float: none;
	height: 50px;
	margin-top: 10px;
	padding: 10px 0px;
	border: 1px solid rgba(255,255,255,0.6);
}
.list-style li .col-sm-4 {
	width: 100%;
	float: left;
}
.list-style li .col-sm-8 {
	width: 100%;
	float: left;
}
.list-style .details-sec a {
	margin-top: 20px;
}
.col-4 .portfolio-item {
	width: 100%;
}
.posts-list.list-style-1 .entry-image {
	width: 100%;
	left: auto;
	right: auto
}
.posts-list.list-style-1 .entry-body {
	width: 100%;
	left: auto;
	right: auto
}
.posts-list.list-style-1 .entry-image-right .entry-image {
	width: 100%;
	left: auto;
	right: auto
}
.posts-list.list-style-1 .entry-image-right .entry-body {
	width: 100%;
	left: auto;
	right: auto
}
.col-3 .portfolio-item {
	width: 100%;
}
.process-style-3 li {
	width: 100%;
}
.process .process-style-1 li {
	width: 100%;
}
.process .process-style-2 li {
	width: 100%;
}
.social-icons-large li {
	width: 50%;
	float: left;
	margin-bottom: 30px;
 }
}
@media(max-width:440px) {
.contact-info li {
	width: 100%;
 }
}
@media(max-width:321px) {
.contact.style-3 .contact-form button {
	margin-top: 10px;
 }	
}
@media(max-height: 700px) {
.vertical-menu .header .social-icons{
	display: none;
 }
}