#header .logo .stickylogo,
.header-scrolled .logo .adryslogo {
display: none;
}
#header.header-scrolled .logo .stickylogo {
display: block;
}
.white {
color: #fff;
}
.pad-bottom20 {
padding-bottom: 20px;
}
.pad-top140 {
padding-top: 140px;
font-weight: 500;
}
.home-read-more {
color: #37517e;
font-size: 16px;
font-weight: 600;
}
.hero-img img{
border-radius: 10px;
}
.about-read {
position: relative;
}
.home-read-more:before {
content: "";
position: absolute;
display: block;
width: 70px;
height: 1px;
right: 110px;
background: #37517e;
bottom: 10px;
}
.about-para p {
font-size: 16px;
color: #000;
line-height: 2;
margin-bottom: 18px;
}
.principle-banner {
background-repeat: no-repeat;
background-size: cover;
height: 550px;
}
.box-img-pad {
padding: 20px 0px;
}
.box-text h4 {
padding-bottom: 15px;
}
.box-text ul li {
padding-bottom: 10px;
}
.boxdiv { content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(0 0 0 / 60%);
}
.box-text {
position: absolute;
z-index: 99;
top: 50px;
padding: 0px 10px 10px 85px;
color: #fff;
width: 90%;
}
.box-text h5 {
float: right;
font-size: 16px;
}
#principals {
padding-bottom: 0px !important;
}
#contact .section-title p {
color: #37517e;
padding: 0px 120px;
font-weight: 600;
}
.our-ser-cnt p {
font-size: 16px;
color: #000;
line-height: 1.9;
}
.blog-title {
position: relative;
padding-bottom: 15px;
}
.blog-title:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #ddd;
bottom: 1px;
}
.by-pad {
padding-right: 10px;
}
.blog-cnt img {
margin-bottom: 20px;
}
.read-more {
color: #37517e;
font-size: 18px;
font-weight: 600;
}
.side-bar {
background-color: #f3f5fa;
}
.side-bar-div {
padding: 40px 15px;
}
.search-div {
padding-bottom: 30px;
}
.search {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.search:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #ddd;
bottom: 1px;
}
.recent {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.recent:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #ddd;
bottom: 1px;
}
.search-div .input-group {
width: 80%;
}
.search-box {
background: #fff !important;
border-radius: 50px !important;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06) !important;
border: none !important;
position: relative !important;
}
.input-group i {
position: absolute;
right: 20px;
bottom: 7px;
}
.recent-list {
list-style: none;
padding: 0;
}
.recent-list li {
padding-left: 28px;
position: relative;
padding-bottom: 15px;
}
.recent-list i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #37517e;
line-height: 1;
}
.blg-detl-div {
padding: 40px 0;
}
.blg-dtl-img {
margin-bottom: 20px;
}
.prd-side-bar {
padding: 50px 0px 0px 57px;
}
.prd-top-pad {
padding: 10px 0px;
}
.prd-side-bar-list {
list-style: none;
padding: 0;
}
.prd-side-bar-list li {
padding-left: 28px;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.prd-side-bar-list li:before {
content: "";
position: absolute;
display: block;
width: 92%;
height: 1px;
background: #ddd;
bottom: 1px;
}
.prd-side-bar-list li a {
color: #000 !important;
font-weight: 600;
font-size: 18px;
}
.prd-side-bar-list li a:hover {
color: #73c5eb !important;
}
.prd-detl-div {
padding: 40px 0px 20px 30px;
}
.p-list-div {
display: inline-block;
}
.why-us .accordion-list span i {
font-size: 11px !important;
position: unset !important;
padding-right: 0px !important;
}
.cntc-btn input[type="submit"] {
background: #37517e;
border: 0;
padding: 12px 34px;
color: #fff;
transition: 0.4s; }
.cntc-btn input[type="submit"]:hover {
background: #209dd8;
}
label {
display: none !important;
}
.search-div {
display: none !important;
}
.prd-list-head {
font-size: 20px;
font-weight: 500;
color: #37517e;
text-align: center;
line-height: 1.6;
}
#product-listing {
padding: 60px 0px 40px 0px;
}
.box-center {
justify-content: center;
padding-top: 30px;
}
.icon-box2 {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
width: 100% !important;
margin-bottom: 30px;
border-radius: 10px;
}
.wpcf7 form .wpcf7-response-output {
text-align: center !important;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #098624;
color: #098624 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #37517e !important;
color: #37517e !important;
} .owl-nav {
display: none;
}
.owl-carousel .owl-item img {
display: inherit !important;
width: inherit !important;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
display: none;
}  @media (max-width: 1024px) {
section {
padding: 40px 0;
overflow: hidden;
}
.box-text {
top: 0px;
padding: 20px 0px 10px 20px;
}
.box-text ul li {
padding-bottom: 10px;
font-size: 14px;
}
#contact .section-title p {
padding: 10px 10px;
}
.mv-o-p-sub-pad {
padding-bottom: 30px;
}
.prd-side-bar {
padding: 50px 0px 0px 0px;
}
.prd-detl-div {
padding: 40px 25px 20px 15px;
}
}
@media screen and (max-width: 1024px) and (min-width: 992px) {
.about-para {
font-size: 14px;
}
.home-read-more {
font-size: 14px;
}
.home-read-more:before {
width: 30px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.mobile-nav-toggle {
right: 40px;
}
}
@media (max-width: 991px) {
.section-title {
text-align: center;
padding-bottom: 5px;
}
.about-mg {
text-align: center;
}
.about-para {
text-align: center;
}
.about-read {
text-align: center;
}
.home-read-more:before {
width: 45px;
}
.box-text h4 {
padding-bottom: 10px;
font-size: 16px;
}
.box-img-pad img {
max-width: 96%;
}
.blog-division:before {
left: 0px;
width: 100%;
}
.blog-title {
font-size: 24px;
}
.recent {
font-size: 22px;
}
}
@media (max-width: 767px) {
#hero h1 {
padding: 0px 0px 0px 0px;
}
#hero h2 {
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
}
#header .logo img {
max-height: 30px;
}
.cliens img {
max-width: 100%;
}
.home-read-more:before {
display: none;
}
.mv-col {
display: none;
} .prd-side-bar {
padding: 20px 0px 0px 0px;
}
.prd-side-bar-list li:before {
width: 80%;
}
.prd-detl-div {
padding: 40px 15px 10px 15px;
}
.mv-pad15 {
padding-left: 15px;
padding-right: 15px;
}
.blog-division {
padding-bottom: 20px;
position: relative;
margin-bottom: 35px;
}
.blog-division:before {
content: "";
position: absolute;
display: block;
width: 90%;
height: 1px;
background: #ddd;
bottom: 1px;
left: 10px;
}
}
@media (max-width: 575px) {
.box-text {
position: absolute;
z-index: 99;
top: 0px;
padding: 15px 0px 0px 15px;
color: #fff;
width: 96%;
}
.box-text h4 {
font-size: 18px;
}
.box-text ul li {
padding-bottom: 10px;
font-size: 14px;
}
.box-text ul {
padding-left: 20px;
}
.box-img-pad img {
max-width: 96%;
}
.principle-banner {
height: 460px;
}
}
@media (max-width: 375px) {
.principle-banner {
height: 530px;
}
}