@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700&display=swap');

body { 
    font-family: 'Mulish', sans-serif;
    font-size: 1.25rem;
}

.container { max-width: 1295px;}

a { color: #73A532; text-decoration: none; }
a:hover,
a:focus { color: #333;}


.page-item.active .page-link {
    background-color: #73A532;
    border-color: #73A532;
}
.page-link {
    color: #73A532;
}
.page-link:hover {
    color: #67A105;
}


/* GENERAL */
.item-page {
    margin: 50px 0;
}

.item-page h3 {
    padding: 5px 0;
    color: #666;
    border-bottom: 1px solid #73a532;
    margin: 30px 0 10px 0;
    font-weight: bold;
    font-size:1.75rem;
}

.blog h1 {
  	margin: 60px 0 20px 0;
  	text-transform: uppercase;
  	font-size:2.25rem;
  	font-weight:bold;
  	color: #666;
  	letter-spacing:1px;
}

.page-header h1 {
    margin: 60px 0 20px 0;
  	text-transform: uppercase;
  	font-size:2.25rem;
  	font-weight:bold;
  	color: #666;
  	letter-spacing:1px;
}

.page-header h2 {
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
    color: #666;
}

.page-header h2 a {
    color: #666;
  	text-decoration: none;
}

.blog h1::after {
    content: '';
    background: #73A532;
    height: 4px;
    display: block;
    width: 40px;
    margin: 10px 0 0 0;
}

.page-header h1::after {
    content: '';
    background: #73A532;
    height: 4px;
    display: block;
    width: 40px;
    margin: 10px 0 0 0;
}

.category-desc {
    margin:0 0 50px 0;
}

.category-desc p {
    font-size: 1.5rem;
    color: #666;
}

figure {
    margin-bottom: 40px;
}

img {
    width: 100%;
}

.img-article-centered img {
    float: none;
    margin: 0 0 20px 0;
    width: 100%;
}

.img-article-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	width: 50%;	
}




/*BUTTONS*/
.btn-green {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0;
    background: #73A532;
    color: #FFFFFF;
    font-size:1.25rem;
    text-transform: uppercase;
}

.btn-green.active,
.btn-green:focus,
.btn-green:hover {
    background: #333;
    color: #fff;
}

.btn-green-centered {
    display: table;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0;
    background: #73A532;
    color: #FFFFFF;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin: 30px auto;
    width: auto;
}

.btn-green-centered.active,
.btn-green-centered-centered:focus,
.btn-green-centered:hover {
    background: #333;
    color: #fff;
}

.btn-outline-green {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 0;
    background: #73A532;
    color: #FFFFFF;
    font-size:1rem;
    text-transform: uppercase;
}

.btn-outline-green.active,
.btn-outline-green:focus,
.btn-outline-green:hover {
    background: #333;
    color: #FFFFFF;
}


.module-style1 .module-title {
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.module-style1 .module-title .title {
    font-weight: 700;
    font-size: 36px;
    position: relative;
    color: #000000;
    display: table;
    margin: 0 auto;
}
.module-style1 .module-title .title span {
    color: #000000;
}
.module-style1 .module-title .title::after {
    content: '';
    background: #73A532;
    height: 4px;
    display: block;
    width: 40px;
    margin: 10px 0 0 0;
}

/* HOMEPAGE SLIDER */
.n2-ss-slider .n2-ss-item-image img {
    width: auto !important;
}


/*OUR VISION */
.ourvision-block {
    padding: 80px 0 50px 0;
    font-weight: 200;
    font-size: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ourvision-block .ourvision-content {
    padding: 0 60px;   
}

.ourvision-block p:last-child { margin-bottom: 0;}
.ourvision-block .btn-learnmore { 
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 20px;
    margin-top: 50px;
}

.ourvision-content .row {
  padding: 100px 35px;
  max-width: 1400px;
  margin: 0 auto;
} 

.ourvision-content .row h3 {
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    font-size: 2.75rem;
    margin-bottom: 20px;
}

.ourvision-content .row h4 {
    font-weight: 700;
    color: #73A532;
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

#mod-custom113 {
    background-repeat: no-repeat;
    background-size: cover;
}

.ourvision-content .row p {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #333;
}

/*OUR SERVICES */
.ourservices-block {
    padding: 60px 0;
}

#mod-custom151 h2 {
  text-align: center;
  font-size:2.25rem;
  font-weight: bold;
  text-transform: uppercase;
  margin:0 auto 30px auto;
}

.green-underline {
  border-bottom: 4px solid #73A532;
}

/* REMOVE AFTER LAUNCH
.ourservices-carousel .djslider .djslider-in .slide-item {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    height: 100%;
    margin: 10px;
    position: relative;
    top: -25px;
}
.ourservices-carousel .djslider .djslider-in li .slide-desc-text {
    background: #FFFFFF;
    color: #9D9DC0;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    padding: 20px;
    border-bottom: 5px solid #FFFFFF;
}
.ourservices-carousel .djslider .djslider-in li:hover .slide-desc-text {
    border-bottom-color: #73A532;
}
.ourservices-carousel .djslider .slide-desc-text-default a.readmore {
    float: none;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 15px;
}
.ourservices-carousel .djslider .djslider-in li:hover  a.readmore { 
    background: #73A532;
    border-color: #73A532;
    color: #FFFFFF;
}
.ourservices-carousel .djslider .djslider-in .slide-desc-text .slide-title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.ourservices-carousel .djslider .djslider-in li.odd .slide-desc-text {
    background: #FFFFFF;
}
.ourservices-carousel .djslider-loader { overflow: visible;}
.ourservices-carousel .djslider .navigation-container .prev-button { left: 10px; top: 50px;}
.ourservices-carousel .djslider .navigation-container .next-button { right: 10px; top: 50px;}
*/



.ourprojects-block {
    background: #f9f8f8;
    padding: 60px 0;
}
.ourprojects-block .osgalery-cat-tabs { display: none;}
.ourprojects-block .action-div { margin-top: 40px; text-align: center;}
.ourprojects-block .action-div .btn-seeall { 
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 20px;
    min-width: 160px;
}


.letestnews-block {
    padding: 60px 0 40px 0;
    font-weight: 200;
}
.mod-articleslatest-medialayout .title {
    font-weight: 600;
    font-size: 20px;
    margin: 10px 0;
}
.mod-articleslatest-medialayout a {
    color: #000000;
    text-decoration: none;
}
.mod-articleslatest-medialayout .news-item { margin-bottom: 30px;}
.mod-articleslatest-medialayout .image-div {
    position: relative;
    padding-top: 65.35%;
    overflow: hidden;
}
.mod-articleslatest-medialayout .image-div .img-item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


/* CYBER FRAUD */
.homesecurity-block {
    background: url('../images/bg-security.jpg') no-repeat right bottom #62784B;
    padding: 80px 0;
    color: #FFFFFF;
    background-size:cover;
    background-position: center
}

.homesecurity-block .homesecurity-div {
    padding: 0 30px;
}

.homesecurity-block .homesecurity-div h3 {
    background: url('../images/icon-shield.png') no-repeat left center;
    background-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
    padding-left: 45px;
    text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.9);
  	font-size: 2rem;
}

.homesecurity-block .homesecurity-div h3::after {
    content: '';
    background: #73A532;
    height: 4px;
    display: block;
    width: 40px;
    margin: 10px 0 0 0;
}

.homesecurity-block .homesecurity-div .content-div {
    padding-left: 20px;
    font-size: 27px;
}

.homesecurity-block .homesecurity-div .content-div span {
    background: #020202;
    color: #73A532;
    padding: 3px 5px;
}

.homesecurity-block .homesecurity-div .btn-readmore {
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 15px;
    margin-top: 20px;
    background-color: #000;
}

.homesecurity-block .homesecurity-div .btn-readmore:hover {
    background-color: #73A532;
}


.top-wrapper {
    background: #333333;
    color: #FFFFFF;
    font-weight: 300;
    padding: 15px 0;
}
.top-wrapper a { color: #FFFFFF; text-decoration: none;}
.top-wrapper .nav-item a { text-transform: uppercase; display: block; padding: 0 25px; font-size: 15px;}
.top-wrapper .nav-item.active a,
.top-wrapper .nav-item a:hover { color: #73a532;}
.top-wrapper .socialmedia-links { margin-left: 10px;}
.top-wrapper .socialmedia-links a { display: inline-block; margin-left: 5px;}


/* TOP NAVIGATION */
.header-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #73a532;
  	padding: 0px 15px;
}

.header-wrapper .headerlogo {	
    float: left;	
    width: 240px;	
    margin: 9px 0;	
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper {
    display: table;
    margin-left: auto;
    text-align: center;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li a {
    color: #FFFFFF;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li a:focus,
.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li a:hover {
    color: #FFFFFF;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li.active a {
    color: #FFFFFF;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li .title {
    /*padding-top: 20px;*/
    margin-left: 20px;
    margin-right: 20px;
    /*padding-bottom: 18px;*/
}


/*.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li.active .title {
    border-bottom: 5px solid #FFFFFF;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li.active ul li {
    border-bottom: none !important;
}*/

#dj-megamenu110 li:hover a.dj-up_a, #dj-megamenu110 li.hover a.dj-up_a, #dj-megamenu110 li.active a.dj-up_a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dj-subwrap li.active {
    border-bottom: none !important;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li.separator .image-title {
    display: none;
}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li.separator .dj-icon {
    width: 225px;
    max-height: none;
}

/*#dj-megamenu110 li.active a.dj-up_a {
  	border-bottom: 3px solid #fff;
}*/

.homebanner-wrapper {
    border-bottom: 10px solid #73A532;
}


.topbreadcrumb-wrapper { margin-top: 30px; margin-bottom: 30px;}
.footerbreadcrumb-wrapper { margin-top: 30px; margin-bottom: 30px;}

/*FOOTER*/
.footer-wrapper {
    background: url('../images/bg-footer.jpg') no-repeat center center #000000;
    padding-top: 70px;
    padding-bottom: 30px;
    color: #FFFFFF;
    border-top: 5px solid #73A532;
    background-size: cover;
}

.footer-wrapper .logo-div {
  	width: 100%;
	text-align: center;
}

.footer-wrapper .logo-div .content-div { 
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
}

.footer-wrapper .address-div { 
    margin-left: 60px; 
    margin-bottom: 30px;
}

.footer-wrapper .address-div p { 
    font-size: 1.25rem;
    padding: 0 0 0 35px;
}

.footer-wrapper .address-div a { 
    color: #fff;
    text-decoration: none;
}

.footer-wrapper .address-div a:hover { 
    color: #73A532;
}

.footer-wrapper .address-div h4 { 
    background: url('../images/icon-marker.png') no-repeat left center;
    background-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 35px;
    padding-top: 0;
   	padding-bottom: 5px;
    margin-bottom: 10px;
}

.footer-wrapper .address-div .address-content {
    margin-left: 35px;
}

.footer-wrapper .address-div .address-content p {
    margin-bottom: 5px;
}

.footer-wrapper .address-div .address-content .btn-letsconnect {
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    padding: 8px 15px;
    margin-top: 20px;
    font-size: 14px;
}

.footermenu-wrapper { 
    background: #000000;
    color: #FFFFFF;
    padding: 10px 0;
}
.footermenu-wrapper .nav-item a { 
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 10px 40px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 17px;
}
.footermenu-wrapper .nav-item a:hover,
.footermenu-wrapper .nav-item.active a {
    color: #73A532;
}

.mod-breadcrumbs__wrapper {
    background: #f2f2f2;
    border-radius: 3px;
    padding: 2px 10px 0 10px;
    font-style: italic;
}

/* COPYTRIGHT */
.bottom-wrapper {
    padding: 20px 0;
    background: #FFFFFF;
    color: #999999;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.bottom-wrapper a {
    color: #999999;
    text-decoration: none;
}

.bottom-wrapper a:hover {
    color: #73A532;
}


/*INNEPAGE SECTION */

  .innepage-section {
	  margin: 0 15px;
  }
 
.innepage-section .leftside-col,
.innepage-section .rightside-col { margin-bottom: 30px;}


/* CATEGORY */
.com-content-category-blog .blog-item { 
    margin-bottom: 30px;
}

.com-content-category-blog .blog-item .item-image {
    position: relative;
    padding-top: 40%;
    overflow: hidden;
	margin-bottom: 1rem;
}

.com-content-category-blog .blog-item .item-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*.com-content-category-blog .blog-item .page-header h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 10px 0;
}

.com-content-category-blog .blog-item .page-header a {
    color: #000000;
    text-decoration: none;
}*/

.com-content-category-blog .blog-item .article-info a {
    color: #73A532;
}
.com-content-category-blog .blog-item .article-info .article-info-term {
    margin-bottom: 5px;
}
.com-content-category-blog .blog-item .article-info dd {
    margin-bottom: 0;
}

/* STAFF PAGE */
/*.staff-photos {
    display: grid;
    grid-template-columns: auto auto auto;
    padding-top: 50px;
}

.staff-photo-thumb {
    padding: 0 0 50px 0;
    text-align: center;
}

.staff-photo-thumb img {
    width: 50%;
}*/

.uk-margin h4 {
      margin:0 0 5px 0 !important;
      font-weight: bold !important;
}

.uk-scope p {
    margin:0 0 10px 0 !important;
    font-size:1.1rem !important;
}

.uk-scope .uk-card-body {
    padding: 1.5rem !important;
}

.uk-scope em {
    color: #333 !important;
}


/*CONTACT PAGE LOCATIONS*/
.locations-container {
    display: flex;
    flex-direction:row;
}

.location {
    width: 50%;
    padding: 0 20px 0 0;
}

.location img{
    width: 100%;
}

/* FAQ PAGE */
.faq-page h3{
    border-bottom: 1px dashed black;
    padding-top: 25px;
}

/*RIGHT COLUM MODULE*/
.rightside-col .custom h3{
    font-size: 1.1rem;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    background:#73a533;
    color: white;
    padding: 10px;
    border-radius: 0;
}

.rightside-col .custom{
  	 margin-top: 50px;
     border: 2px solid #f2f2f2;

}
.rightside-col .custom p{
    padding: 0 15px 0 15px;
}
.rightside-col .custom img{
    width: 100%;
    height: auto;
}

/*NOTES ON SPEAKING ENGAGEMENTS*/
p.note-text {
    background-color: #e2ded1;
    margin: 10px;
    border-radius: 10px;
}

/* MORTGAGE CALCULATOR */
  
a#mcw-back {
    display: none;
}

div#mcwWrap .mcw__title {
    color: #000;
}

div#mcwCalculateBtn { 
background: #73A532;
}

div#mcwWidget {
    padding-top: 40px;
}

/*HELPFUL LINKS MODULE*/
.helpful-links-img{
    width: 45%;
    height: 45%;
}
.helpful-links{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
}


.helpful-links a{
    text-decoration: none;
}

/*RESOURCES PAGE*/
.resource-modules {
    display: flex;
    justify-content: space-between;
}



.header-wrapper .dj-megamenu-clean li:hover > div.dj-subwrap, 
.header-wrapper .dj-megamenu-clean li.hover > div.dj-subwrap {

}

.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li .dj-submenu { margin: 0; padding-top: 10px;}
.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li .dj-submenu li a {
	margin: 0;
	font-size: 15px;
	padding: 10px 20px;
}
.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li .dj-submenu .title {
	padding: 0;
	margin: 0;
}

.com-content-category-blog .blog-item .item-image img { margin-bottom: 0;}

/* // Large devices (desktops, less than 1400px)*/
@media (min-width: 1399.98px) {
    
    
    .ourservices-carousel .djslider .navigation-container .prev-button { left: -60px;}
    .ourservices-carousel .djslider .navigation-container .next-button { right: -60px;}

    /* GENERAL */
  	.row {--bs-gutter-x: 5rem !important;}
  
    .btn-green-centered {
        display: table;
        font-weight: 600;
        line-height: 1.5;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border-radius: 0;
        background: #73A532;
        color: #FFFFFF;
        font-size: 1.25rem;
        text-transform: uppercase;
        margin: 30px auto 30px 0;
        width: auto;
      	margin-left: calc(var(--bs-gutter-x) * .5);
  }

  .btn-green-centered.active,
  .btn-green-centered-centered:focus,
  .btn-green-centered:hover {
        background: #333;
        color: #fff;
  }
  
}




/* // Large devices (desktops, less than 1200px)*/
@media (max-width: 1399.98px) {
    
	.category-desc {
	  margin: 0 0 25px 0;
	}
		
}



/* // Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    
	
	.innepage-section {
	  margin: 0 15px;
	}
			
	.top-wrapper .nav-item:last-child a { padding-right: 0;}	
	.header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper li .title { margin-left: 5px; margin-right: 5px;}	
  
    .footer-wrapper .navigation-div ul li {
        width: 153px;
    }

	.category-desc {
	  margin: 0 0 40px 0;
	}
    .com-content-category-blog .blog-item {
	  margin-bottom: 30px;
	}
    .com-content-category-blog .blog-item .item-content p:last-child { margin-bottom: 0;}
    .com-content-category-blog .blog-item .item-image { padding-top: 0; margin-bottom: 15px;}
    .com-content-category-blog .blog-item .item-image img {
        width: auto;
        position: relative;
    }
  
  	.item-page {
	  margin: 30px 0;
	}
	.page-header h1 { margin-top: 0;}
	.blog h1 { margin-top: 30px;}
  
    .img-article-centered img {
        float: none;
        margin: 0 0 20px 0;
        width: 100% !important;
  	}
	
	.com-content-category-blog .page-header h2 { margin-top: 0;}

}


/* // Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    	
    .header-wrapper { padding: 15px 0;}	
    .header-wrapper .headerlogo { display: none;}	
    .header-wrapper .col-mobilelogo .img-logo { width: 210px;}	
    .header-wrapper .dj-megamenu-offcanvas { text-align: right;}	
    .header-wrapper .dj-megamenu-offcanvas-dark .dj-mobile-open-btn { font-size: 25px; padding-top: 5px; padding-bottom: 5px; background: #FFFFFF; color: #73A532;}	
    .header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper { min-height: auto;}	
     .footer-wrapper .logo-div { width: 100%; text-align: center;}
    .footer-wrapper .logo-div .img-logo { width: 300px;}
    .footer-wrapper .logo-div .content-div { margin-left: 0; margin-top: 30px;}

    .footermenu-wrapper .nav-item a {
        padding: 10px 25px;
        font-size: 16px;
    }
  
  /*CONTACT PAGE LOCATIONS*/
    .locations-container {
        flex-direction: column;
    }

    .location {
        width: 100%;
        padding-top: 35px;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
    }

    .location img{
        width: 75%;
    }
  
   	/*RIGHT COLUM MODULE*/
    .rightside-col .custom h3{
        font-size: .8rem;
    }
  	.rightside-col .custom p{
        font-size: .8rem;
    	padding: 0 15px 0 15px;
    }
  
   	/* GENERAL */
  	.row {--bs-gutter-x: 1rem !important;}
  
      .btn-green-centered {
        display: table;
        font-weight: 600;
        line-height: 1.5;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border-radius: 0;
        background: #73A532;
        color: #FFFFFF;
        font-size: 1.25rem;
        text-transform: uppercase;
        margin: 30px auto 30px 0;
        width: auto;
  	}

    .btn-green-centered.active,
    .btn-green-centered-centered:focus,
    .btn-green-centered:hover {
        background: #333;
        color: #fff;
    }
	
	.innepage-section {
	  margin: 0;
	}
	.category-desc {
	  margin: 0 0 15px 0;
	}
	.com-content-category-blog .blog-item {
	  margin-bottom: 15px;
	}
	.blog h1 {
	  margin-top: 15px;
	}
   
}


/* // Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
/*
    .header-wrapper { padding: 15px 0;}
    .header-wrapper .col-mobilelogo .img-logo { width: 175px;}
    .header-wrapper .dj-megamenu-offcanvas { text-align: right;}
    .header-wrapper .dj-megamenu-offcanvas-dark .dj-mobile-open-btn { font-size: 25px; padding-top: 5px; padding-bottom: 5px; background: #FFFFFF; color: #73A532;}
    .header-wrapper .mainmenu-wrapper .dj-megamenu-wrapper { min-height: auto;}
  */  
    .ourvision-block .ourvision-content { padding: 0;}

    .footer-wrapper .address-div { margin-left: 0;}
    .footer-wrapper .address-div { text-align: center;}
    .footer-wrapper .address-div .address-title h4 {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-wrapper .address-div .address-content { margin-left: 0;}

    .footermenu-wrapper .nav-item a {
        padding: 10px 15px;
        font-size: 13px;
    }
  
   /* STAFF PAGE */
    .staff-photos {
        grid-template-columns: auto auto;
    }

    .staff-photo-thumb img {
        width: 75%;
    }
  
     /*RIGHT COLUMN MODULE*/
    .rightside-col .custom{
        display: flex;
        flex-direction: column;
    }
    .rightside-col .custom h3{
        font-size: 1.1rem;

    }
    .rightside-col .custom p{
        font-size: 1rem;
    }
    .rightside-col .custom img{
       display: block;
       width: 100%;
       margin: auto;
    }
  
    .footer-wrapper .address-div h4 { 
      background: none;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 20px;
      padding-left: 35px;
      padding-top: 0;
      padding-bottom: 5px;
      margin-bottom: 10px;
  	}
    
   	/* GENERAL */
  	.row {--bs-gutter-x: 1rem !important;}
  
    .btn-green-centered {
        display: table;
        font-weight: 600;
        line-height: 1.5;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border-radius: 0;
        background: #73A532;
        color: #FFFFFF;
        font-size: 1.25rem;
        text-transform: uppercase;
        margin: 30px auto 30px 0;
        width: auto;
  	}

    .btn-green-centered.active,
    .btn-green-centered-centered:focus,
    .btn-green-centered:hover {
        background: #333;
        color: #fff;
    }
	
	.img-article-right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	.innepage-section {
	  margin: 0 15px;
	}
	.category-desc {
	  margin: 0 0 30px 0;
	}
	.com-content-category-blog .blog-item {
	  margin-bottom: 30px;
	}
	.blog h1 {
	  margin-top: 30px;
	}
}


/* // Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
 

    .homesecurity-block {
        background-size: cover;
    }
    .homesecurity-block .homesecurity-div {
        padding: 0 10px;
    }
    

    .top-wrapper .nav-item a {
        padding: 0 10px;
        font-size: 14px;
    }
    .top-wrapper .socialmedia-links {
        margin-left: 0;
    }

    .module-style1 .module-title .title { font-size: 40px;}
    .module-style1 .module-title {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
  
  	/*CONTACT PAGE LOCATIONS*/
    .location img{
        width: 100%;
    }
  
  	/* STAFF PAGE */
    .staff-photos {
        grid-template-columns: auto;
    }
    
  	/* GENERAL */
  	.row {--bs-gutter-x: 1rem !important;}

    .footer-wrapper .address-div h4 { padding-left: 0;}
	.footer-wrapper .address-div p {
	  font-size: 1.25rem;
	  padding: 0 0 0 0;
	}
}

.n2-ss-slider .n2-ss-item-image-content img {
    display: inline-block;
    max-width: 31% !important;
}
/************************************************************************************
AK - to add Ripley to Footer
*************************************************************************************/
.footer-container .col-md-12{
        flex: 0 0 auto;
        width: 100%;
}

.footer-div  img{
    max-width: 400px!important;
}

.img-right img{
    width: 100%;
    height: auto;

}
/************************************************************************************
AK - img-right class responsive
*************************************************************************************/

@media(min-width:656px) and (max-width: 1000px){
.img-right img{
    float: right;
    width: 300px;
    margin: 0 20px 50px 50px;
}
}

@media(min-width:1000px) and (max-width: 1200px){
.img-right img{
    float: right;
    width: 400px;
    margin: 0 20px 50px 50px;
}
}

@media (min-width: 1200px){
    .img-right img{
    float: right;
    width: 600px;
    margin: 0 20px 50px 50px;
}
}
/************************************************************************************
AK - Location Pages
************************************************************************************/
.article-banner img{
    width: 100%;
    height: auto;
	border-radius: 30px;
}

.location-map {
	margin-top: 20px;
  	margin-bottom: 15px;
    width: 100%;
    height: auto;
}

.location-container h5{
	font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 30px;
  	color: #666;
}

@media (min-width: 750px){
.location-container {
    display: grid;
    grid-template-columns: 50% 50%;
  grid-gap: 20px;
	margin: 0 20px 0 0;
}
}
  
@media(max-width: 749px){
    .location-form h5{
    margin-top: 50px;
}
}

/**********************************************
PA - Locations map customization
**********************************************/

.locations-map .uk-marker {
    background: #f8f8f8 !important;
    color: transparent !important;
    background: url(https://dyerlandtitle.com/images/dlt-location-marker_50x50.png) no-repeat left center !important;
    width: 50px !important;
    height: 50px !important;
	border-radius: 0px !important;
}

/*********************************************
AK - Contact Page
**********************************************/
.com-content-article.item-pagecontact { margin-top: 50px;}

.uk-card-body .uk-button {
    background-color: #73a532!important;
    color: white!important;
}

.uk-card-body .uk-button:hover {
    background-color: #ffffff!important;
    color: black!important;
}

