@charset "UTF-8";

/*
Theme Name: Jeremyallengardendesign
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the Jeremyallengardendesign team
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
*/

/* all style */

/* * {
  padding: 0;
  margin: 0;
  text-decoration: none;
}*/

body, p, li, a { font-family: "Mulish", sans-serif; font-size: 14px;font-style: normal;font-weight: 400;line-height: 26px;color: #666;}

ul {margin: 0px;padding: 0;line-height: normal;}
li{list-style: none;line-height: normal;}
a:hover{text-decoration: none;line-height: 26px;}
h1, h2, h3, h4, h5{ font-family: "Mulish", sans-serif; color: #000;font-weight: 600;}

h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:21px;}
h5{font-size:18px;}

/* nav */
.top-header {background-color: #000;padding:2px 0px;}
.add-phone ul, .work-social ul{display: flex; gap:40px;}
.add-phone li, .work-social li {color: #fff;font-size: 16px; display: flex; align-items: center;}
.add-phone li a, .work-social li a {color: #fff;font-size: 16px;}
.add-phone li span, .work-social li span{margin-left: 5px;line-height: normal;}
.work-social .social-media-top {gap: 0px;}
.work-social ul{gap:30px;justify-content: end;}
.add-phone li, .work-social li .fa {font-size: 16px;}
ul.social-media-top li {padding: 0px;}
ul.social-media-top li:last-child{border-left:0px;}
ul.social-media-top li a {padding: 0px 2px;width: 28px;text-align: center;margin-right: 3px;}
.welcome-part p {font-weight: bold;color: #fff; margin-bottom: 0px}
.welcome-part {text-align: center;}



/* Navbar css */
nav {position: relative;width: 100%;margin: 0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: right;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left;padding: 16px;}
#cssmenu > ul > li > a {font-size: 14px;text-decoration: none;color: #333;font-weight: normal; font-weight: bold;}
#cssmenu ul > li.active a {font-weight: bold; color: #009688;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {-webkit-transition: background .3s ease;-ms-transition: background .3s ease;transition: background .3s ease;}
#cssmenu > ul > li.has-sub > a {padding-right: 30px}
/*#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}*/
#cssmenu > ul > li.has-sub > a:before {position: absolute;top: 13px;right: 15px;display: block;content: '\f107';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease; font-family: FontAwesome;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 13px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;top: 40px;z-index: 9;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;background: #0b52a2;transition: all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left: auto}
#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul ul ul {margin-left: 100%;top: 0}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(251, 248, 248, 0.15);padding: 11px 15px;width: 200px;font-size: 15px;text-decoration: none;color: #ddd;font-weight: 400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}
.navbar-wrapper .row {align-items: center;}
#cssmenu > ul > li:first-child {padding-left: 0;}
.navbar-wrapper .row {position: relative;}
.navbar-wrapper .row {position: relative;padding-top: 10px;padding-bottom: 10px;}
.navbar-wrapper .col-md-12 {display: flex;align-items: center;}
.logo {max-width: 320px;width: 100%;}
.logo img{width: 100%}
.social-media-top li .fa {color: #fff;}
.navbar-wrapper {background-color: #fff;}
#cssmenu ul {display: flex;align-items: center;justify-content: normal;margin-right: -5px;}
.navbar-wrapper.fixed{position: fixed;z-index: 999;width: 100%;top: 0;}
.navbar-wrapper.fixed .logo img {-webkit-transition: .5s;transition: .5s;}
.navbar-wrapper.fixed #cssmenu ul li {padding: 16px;-webkit-transition: .5s;transition: .5s;}
.navbar-wrapper.fixed #cssmenu ul > li.active a::after {bottom: -27px;}
#cssmenu > ul > li:last-child {
    padding-right: 0;
}
.navbar-wrapper .container,
.top-header .container,
#portfolio .container{max-width: 1290px;}

@media screen and (max-width:1024px) {
nav {width: 100%;}
#cssmenu {width: 100%}
#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: inherit;}
#cssmenu ul ul li a {padding-left: 25px}
#cssmenu ul ul li {background: #0b52a2!important;}
#cssmenu ul ul li:hover {background: #363636!important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #ddd;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}
#cssmenu #head-mobile {display: block;padding: 23px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 0px;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 20px;display: block;height: 8px;width: 20px;border-top: 2px solid #000;border-bottom: 2px solid #000;content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;right: 20px;display: block;height: 2px;width: 20px;background: #000;content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 23px;border: 0;height: 2px;width: 19px;background: #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #000;width: 19px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cssmenu .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 42px;width: 42px;cursor: pointer}
#cssmenu .submenu-button.submenu-opened {background: #0b52a2}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.submenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {border-left: none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
#cssmenu > ul > li:first-child a {padding-left: 13px;}
#cssmenu ul ul {z-index: 9;}
#cssmenu ul ul {top: 0px;}
#cssmenu > ul {top: 32px;}
#cssmenu > ul.open {top: 32px;z-index: 99;background-color: #000}
.navbar-wrapper {height: 115px;position: relative;}
.logo {position: absolute;top: 0;z-index: 1;}
#cssmenu {width: 100%;position: relative;top: 25px;}
#cssmenu > ul > li {float: left;padding: 0;}
#cssmenu > ul > li > a { padding: 10px 9px;}
#cssmenu ul > li.active a::after {display: none;}
#cssmenu ul > li.active a{color:#1dd9d1;}
.navbar-wrapper.fixed {top: 0px;height: 80px;}
.navbar-wrapper.fixed #cssmenu {top: 10px;}
.navbar-wrapper.fixed #cssmenu > ul.open {top: 14px;}
.navbar-wrapper.fixed #cssmenu > ul {top: 14px;}
.navbar-wrapper.fixed #cssmenu ul li {padding: 0px;}
#cssmenu > ul > li {background-color: #000;}
}
/* navbar css  */


/*------------------- footer section --------------- */
footer {padding: 60px 0 0px; position: relative;}
footer li a{
    color: #666;
}
footer .social-media-top li .fa {
    color: #666;
}
footer h4 {
    font-size: 18px;
    margin-bottom: 27px;
    font-weight: bold;
}

/*footer .row {
    gap: 130px;
}*/

footer .row {
    gap: 110px;
}
.contact-part, .usefulLink-part {
    max-width: 340px;
    width: 100%;
}
.usefulLink-part {
    max-width: 370px;
    width: 100%;
}
.socialMedia-part{
  max-width: 200px;
  width: 100%;
}
.usefulLink-part ul li {
    margin-bottom: 10px;
}
.usefulLink-part ul {
    column-count: 2;
    /* display: flex; */
}

.content-part a{
  font-weight: bold;
}

footer .social-media-top .fa {
    font-size: 28px;
}

footer .social-media-top {
    display: flex;
    gap: 10px;
}

footer .contact-part li {
    display: flex;
    gap: 10px;
    justify-content: left;
}

footer .contact-part li .icon-part {
    position: relative;
    top: 7px;
}

footer .contact-part li .icon-part .fa {
    font-size: 20px;
}

.bottom-footer p {
    color: #fff;
    margin-bottom: 0;
}
.bottom-footer {
    padding: 20px 0;
    text-align: center;
    background-color: #000;
    margin-top: 50px;    
}

a#backToTop {opacity: 1;position: fixed;bottom: 25px;right: 25px;display: none;background-color: #000;width: 48px;height: 48px;border-radius: 50%;text-align:center;line-height: 43px;color: #fff;}

/*------------------- slider banner --------------- */
.main-carousel img, .service-carousel img { height: auto; }

.main-carousel .slide-text {position: absolute;left: 50%;top: 40%;z-index: 1;text-align: center;transform: translateX(-50%) translateY(-50%);}
.main-carousel .slide-text h3{font-size: 40px;  line-height: normal;  color: #1dd9d1;  font-weight: bold;  margin-bottom: 0;  text-transform: uppercase;  text-shadow: 1px 1px 8px #000;margin-bottom: 10px;}
.main-carousel .owl-nav .owl-prev, .main-carousel .owl-nav .owl-next, .testimonials-carousel .owl-nav .owl-prev, .testimonials-carousel .owl-nav .owl-next {left: 50px;padding: 0px;top: 50%;position: absolute;text-align: center;color: #fff;
  font-size: 30px; margin-top:-25px}
.main-carousel .owl-nav .owl-next, .testimonials-carousel .owl-nav .owl-next{right:50px; left: initial;}
.button-readmore {background-color: #a60a20;padding: 12px 25px;color: #fff;margin-top: 20px;display: table;margin: 30px auto 0;text-transform: uppercase;transition: all 0.35s;}
.button-readmore:hover {color: #fff;line-height: 26px;background: #e51e3a;}
.banner-slider .container {
    max-width: 950px;
}
.main-carousel .owl-nav .owl-next, .main-carousel .owl-nav .owl-prev, .testimonials-carousel .owl-nav .owl-next, .testimonials-carousel .owl-nav .owl-prev {right: 20px;left: initial;
width: 45px;
height: 45px;
border-radius: 50%;
background: #e2e2e2;
display: flex;
justify-content: center;
align-items: center;
}

.main-carousel .owl-nav .owl-prev, .testimonials-carousel .owl-nav .owl-prev{
left: 20px;
right: initial; 
}
.main-carousel .fa, .testimonials-carousel .fa {
  font-size: 20px;
  text-align: center;
  color:#333;
}

.owl-carousel.main-carousel .owl-dots, .owl-carousel.testimonials-carousel .owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -40px;
    display: inline-block;
}
.owl-carousel.main-carousel .owl-dot, .owl-carousel.testimonials-carousel .owl-dot {
    display: inline-block;
}
.owl-carousel.main-carousel .owl-dots .owl-dot span, .owl-carousel.testimonials-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #dedede;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;    
}
.owl-carousel.main-carousel .owl-dots .owl-dot.active span, .owl-carousel.main-carousel .owl-dots .owl-dot:hover span, .owl-carousel.testimonials-carousel .owl-dots .owl-dot.active span, .owl-carousel.testimonials-carousel .owl-dots .owl-dot:hover span {
    background: #000;
    border: 0px;
}


/*------------------- about us --------------- */
.about-section {
    width: 100%;
    padding: 80px 0 60px;
}
.about-section .about-content {
    max-width: 740px;
    margin: auto;
    text-align: center;
}

.about-section .about-content p { 
    text-align: justify;
}
a.button-black .fa {
    font-size: 24px;
    margin-right: 10px;
}
a.button-black {
    font-size: 14px;
    padding: 13px 35px;
    background: #000;
    border-radius: 12px;
    color: #fff;
    text-transform: uppercase;
    margin: 20px auto;
    display: flex;
    line-height: 30px;
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center; 
    transition: width 2s;   
}
.publicatin-section {
    width: 100%;
    padding: 80px 0px;
}
.publicatin-section .publication-box {
    border: 2px solid #000;
    border-radius: 18px;
    margin: auto;
    text-align: center;
    padding: 30px 20px;
}
.publicatin-section .publication-box h3 {
    text-align: center;
    padding: 15px;
    background-color: #fff;
    top: -48px;
    display: inline;
    position: relative;
}
.publicatin-section .publication-box ul {
    display: flex;
    gap: 25px;
}
.publicatin-section .publication-box li img {
    width: 100%;
	height: auto;
}
.publication-box .button-black {
    top: 57px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.endorsementsn-section {
    padding: 20px 0px 60px;
}

.endorsementsn-section h3{
  text-align: center;
  margin-bottom: 40px;
}
.endorsementsn-section .endorsements-box .content {
    padding: 40px;
    border: 2px solid #000;
}
.endorsementsn-section .endorsements-box .content p {
    line-height: 24px;
}

.client-name {
    font-weight: bold;
    margin-top: 40px;
    position: relative;
    padding-left: 35px;
}

.client-name:before {
    position: absolute;
    left: 0;
    top: 13px;
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background-color: #000;
}

.endorsementsn-section .button-black {
    margin: 40px auto 0;
    display: table;   
}
.testimonials-carousel .owl-nav .owl-prev {
    left: -80px;
    right: initial;
}

.testimonials-carousel .owl-nav .owl-next{
  right: -80px;
}
.testimonials-carousel .owl-nav .owl-next, .testimonials-carousel .owl-nav .owl-prev {  
    background: #000;   
}
.testimonials-carousel .fa {
    color: #fff;
}

.main-carousel .owl-prev .fa {
    margin-top: 3px;
    margin-right: 3px;
}

.main-carousel .owl-next .fa {
    margin-top: 3px;
    margin-left: 3px;
}
.innerBanner img {
    width: 100%;
    max-width: 100%;
}
.overla {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}
.inba {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
    background:#000;
}
.inba > img {opacity: 1;}
section.inner-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: rgba(0,0,0,0.2);
}
.breadcrumb-title {
    text-align: center;
}
.breadcrumb-title h2 {
    font-size: 40px;
    color: #fff;
}
.breadcrumb-nav {
    width: auto;
    text-align: center;
}
.breadcrumb-nav ul {
    line-height: normal;
}
.breadcrumb-nav li {
    display: inline-block;
}
.breadcrumb-nav li a {
    text-decoration: none;
    border-right: 1px solid #fff;
    line-height: normal;
    padding: 0px 10px 0px 7px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.breadcrumb-nav li:last-child a {
    border-right: 0px;
}
.breadcrumb-nav .active {
    color: #fbd17c;
}

.profile-section {
    padding: 80px 0 20px;
}
.profile-image img {
    width: 100%;   
}
.profile-image {
    width: 100%;
    max-width: 400px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    border: 10px solid #e2e2e2;    
}

.contact-page456 {
    padding: 80px 0px 20px;
}

.contact-page456 .form-part {
    background: #e2e2e2;
    padding: 50px;
}

.form-part .form-control {
    border: 0px;
    height: 46px;
    margin-bottom: 15px;
    border-radius: 28px;
    font-size: 14px;
    padding: 0 20px;
}

.contact-page456 .form-part .form-control {
    border: 1px solid #ced4da;
    border-radius: 0;
}

.call-button {
    display: flex;
    align-items: center;
}

.call-button .fa {
    height: 45px;
    width: 43px;
    background-color: #fbd17c;
    text-align: center;
    line-height: 43px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    margin-right: -28px;
    z-index: 999;
    position: relative;
}

.call-button .fa {
    transition: all 0.5s;
}

.call-button input[type="submit"] {
    font-weight: bold;
    height: 43px;
    background-color: #000;
    line-height: 43px;
    display: inline-block;
    color: #fff;
    padding: 0px 20px;
    border-radius: 27px;
    padding-left: 40px;
	border:none;
}

.call-button.submit-edit  input[type="submit"] {
    padding: 0 40px 0px 50px;
}

.address-hours897 {
    background-color: green;
    padding: 20px;
    color: #fff;
}

.address-hours897 h4 {
    color: #fff;
    margin-bottom: 20px;
}

.contact-details-part li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.contact-details-part li .fa {
    font-size: 21px;
}

.contact-details-part li a {
    color: #fff;
    font-size: 16px;
}

.contact-details-part li span.icon-part879 {
    width: 30px;
    float: left;
}

.contact-page456 .form-part textarea.form-control.control-area {
    height: 120px;
    padding: 15px 20px;
}

.call-button:hover .fa {
    transform: rotate(360deg);
}
.not-found, .searchRe,.defultp {padding:100px 0;text-align:center;}
.searchRe .entry-title a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.searchRe article {
    border: 1px solid #e9e9e9;
    margin-top: 30px;
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.testimonials-carousel .owl-stage, .testimonials-carousel .owl-stage .owl-item, .testimonials-carousel .owl-stage .owl-item .slide-item {
    display: flex;
    flex-wrap: wrap;
}
.defultp p {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
/* .tabButton {display: flex;overflow-x: auto;white-space: nowrap; scroll-snap-type: x mandatory; gap: 10px;padding: 10px;}

.tabButton button {flex-shrink: 0; scroll-snap-align: center;white-space: nowrap;} */
/*  */
#portfolio .tabButton .btn {display: block;text-align: left;}

/* #portfolio .contentBox {display: flex; flex-wrap: wrap;width: calc(100% - 30px);row-gap: 30px;} */
#portfolio .contentBox {display: flex; flex-wrap: wrap;row-gap: 30px;} 
.gallery_product img {max-width: 100%;height: 100%;object-fit:cover;}
#portfolio .tabButton .btn-default:hover,
#portfolio .btn.focus,
#portfolio .btn:focus{color: #009688;box-shadow:0 0 transparent;}
.gallery_product a {position: relative;display:block;transition-property: transform,opacity; transition-timing-function: ease-in-out;height: 100%;}
.gallery_product a .captionBox {position: absolute;top: 0;left: 0;background: rgba(0, 150, 136, 0.5);
width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;padding: 20px;opacity: 0;transition:opacity 1s;}
.gallery_product a .captionBox h3{font-size:24px; color:#fff;}
.gallery_product a:hover .captionBox{transition: opacity .5s;opacity: 1;}
/*  */
/* Process-&-Services */
.contWithmg .wrapover h1 {font-size: 24px;}
.contWithmg .wrapover figure{margin: 0;}
.contWithmg .wrapover img {border: 10px solid #e2e2e2;float: left;margin-right: 30px;width: 100%; max-width: 500px;margin-bottom: 20px;}
.contWithmg .wrapover ol {list-style-position: inside;padding-left: 0;}
.contWithmg .wrapover ol li {list-style: block;margin-bottom: 1rem;line-height: 26px;list-style-position: inside;}
.contWithmg .wrapover ol li span{font-weight: bold;}
/*  */
/* Endorsements Listing page*/
.endorsementsListing .topHead h1 {font-size: 24px;}
.endorsementsListing .row {display: flex;row-gap: 30px;}
.endorsementsListing{padding:80px 0px 0px;}
.endorsementsListing .content {padding: 40px;border: 2px solid;height:100%;}
.endorsementsListing .content:hover {background: #009688;border: 2px transparent; color: #fff;}
.endorsementsListing .content:hover p{color:#fff;}
/*  */
/* Publications page */
.publications {padding: 80px 0px 20px;}
.publications ul#lightgallery li{margin-top: 30px;}
.publications ul#lightgallery img { width: 100%;}
.publications .heading{width:100%;}
.publications .heading h1 {text-align: center;font-size: 24px;}
/*  */
/*  */
.workDetail .heading h1{font-size: 24px;text-align: left;margin-bottom: 40px;}
.workDetail .heading p {font-weight: normal;line-height: 26px;font-size: 14px;text-align: left;}
.workDetail ul li {margin-top: 30px;}
.workDetail ul li img {width: 100%;}










@media screen and (max-width:1250px){
.main-carousel .owl-nav .owl-prev{
  left: -50px;
  right: initial;
}

.main-carousel .owl-nav .owl-next{
  right: -50px;
  left: initial;
}
.testimonials-carousel .owl-nav .owl-prev {
  left: -20px;
  right: initial;
}
.testimonials-carousel .owl-nav .owl-next {
  right: -20px;
  left: initial;
}
.logo {
    max-width: 280px;
    width: 100%;
}
#cssmenu > ul > li {
    float: left;
    padding: 14px;
}
.navbar-wrapper.fixed #cssmenu ul li {
    padding: 12px;
}
}


@media screen and (max-width:1199px){
.contWithmg .wrapover img{max-width: 400px;}
footer .row {
    gap: 20px;
}

}

@media screen and (max-width:1024px){
.main-carousel .owl-nav .owl-prev{
  left: 20px;
  right: initial;
}

.main-carousel .owl-nav .owl-next{
  right: 20px;
  left: initial;
}
.navbar-wrapper {
    height: 54px;
    position: relative;
}
#cssmenu {
width: 100%;
position: relative;
top: -5px;
}
#cssmenu > ul {
top: 0;
z-index: 99;
right: 5px;
}
#cssmenu > ul.open {
top: 0px;
z-index: 99;
background-color: #000;
}
#cssmenu ul > li.active a {
color: #fff;
}

#cssmenu > ul > li {
float: left;
padding: 2px 10px;
}
#cssmenu > ul > li:first-child {
padding-left: 10px;
}
#cssmenu > ul > li > a {
color: #fff;
}
.navbar-wrapper.fixed {
    top: 0px;
    height: 54px;
    box-shadow: 1px 1px 8px #ccc;
}
.navbar-wrapper.fixed .button {
    top: -15px;
}
.navbar-wrapper.fixed #cssmenu > ul {
    top: -12px;
}
.navbar-wrapper.fixed #cssmenu > ul.open {
    top: -12px;
}
.profile-image {   
max-width: 360px;
float: left;
margin-right: 20px;
margin-bottom: 10px;    
}
}

@media screen and (max-width:991px){
 .contWithmg .wrapover img {max-width: 350px;}
footer .container {
    max-width: 960px;
    padding-left: 20px;
    padding-right: 20px;
}
.contact-part {
    padding-left: 20px;
}

.contact-part, .usefulLink-part {
  max-width: inherit;
  width: 39%;
}
.socialMedia-part {
    max-width: inherit;
    width: 22%;
}
footer .row {
    gap: 0;
}
.profile-section .container {
    max-width: 960px;
}
	.gallery_product img{height:auto;}
}

@media screen and (max-width:900px){
.col-md-4.phone-wrap897 {
    max-width: 165px;
    width: 100%;
}
.col-md-4.social-media-wrap897 {
    max-width: 100px;
    width: 100%;
}
.top-header .row {
    justify-content: space-between;
}
.col-md-4.welcome-wrap897 {
    max-width: 308px;
    width: 100%;
    flex: 0 0 308px;
}
}

@media screen and (max-width:767px){
  .contWithmg .wrapover img {  max-width: 100%;float: none;margin-right: 0;margin-bottom: 30px; }
.contact-part, .usefulLink-part {
    max-width: inherit;
    width: 100%;
    padding-left: 20px;
}
.usefulLink-part{
    margin-top: 30px;
}
.socialMedia-part {
    max-width: inherit;
    width: 100%;
    padding-left: 20px;
    margin-top: 30px;
}
footer {
    padding: 20px 0 0px;
    position: relative;
}
.publicatin-section .publication-box ul li {
    display: block;
    width: 50%;
    float: left;
    padding: 10px;
}
.publicatin-section .publication-box ul {
    display: block;
    gap: 0;
}
.publicatin-section .publication-box {
    padding: 20px 10px;
}
.publication-box .button-black {
    top: 47px;   
}
.publicatin-section .publication-box h3 {
    top: -38px;
}
.main-carousel .owl-nav .owl-next {
    right: 10px;
    left: initial;
}
.main-carousel .owl-nav .owl-prev {
    left: 10px;
    right: initial;
}
.endorsements-box {
    padding-left: 20px;
    padding-right: 20px;
}

.profile-image {
    max-width: 300px;   
}
#portfolio .tabButton .btn {display: inline-block;background: #009688;margin: 3px;color: #fff;font-size: 14px;}
#portfolio .tabButton .btn:hover {background: #000;}
#portfolio .contentBox {margin-top: 30px;}

}
@media screen and (max-width:575px){
#portfolio .contentBox {width: 100%;}
}
@media screen and (max-width:572px){
.col-md-4.phone-wrap897 {
    order: -2;
    width: 50%;
}

.col-md-4.social-media-wrap897 {
    order: -1;
    width: 50%;   
}
.col-md-4.welcome-wrap897 {
    max-width: inherit;
    width: 100%;
    flex: 0 0 100%;
    order: -3;
}
.logo {
    max-width: 260px;
    width: 100%;
}
.profile-image {
    max-width: inherit;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
}
#portfolio .tabButton .btn {font-size: 12px;}
}
.navbar-wrapper.fixed {
box-shadow: 1px 1px 8px #ccc;
}
a.button-black:hover {
    background: #333;
}

.usefulLink-part li.active a {
    color: #009688;
    font-weight: bold;
}
@media screen and (max-width:370px){
.logo img {
    width: 90%;
    margin-top: 3px;
}
.col-md-4.phone-wrap897 {
    width: 60%;
}
	#portfolio .tabButton .btn {font-size: 10px;}
}

/*process-services page gap*/

.contWithmg {
padding: 80px 0px;
}

/*process-services page gap*/


/*Work Single page Heading */

.inner-banner-header h1 {font-size: 24px; margin-bottom: 40px; margin-top: 10px;} 
    


/*Work Single page Heading */
.galleryBox li {width: calc(33.33% - 13.3px);}
.galleryBox ul {display: flex;flex-wrap: wrap;gap: 20px;}
.jeremyallengardendesign {width: 100%;}
.galleryBox {margin-top: 70px;}
.workHead {margin-top:70px;}
.workHead h1 {    font-size: 24px;}
.topBar h1 {font-size: 40px;text-align: center;width: 100%;display: inline-block;font-weight:bold;}
.topBar {    padding: 50px 0;}
.popimg img {width: 100%;}