/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



body:before{
position: absolute !important;
content: '';
background-image: url('http://summer-nemesis.co.uk/wp-content/uploads/2026/09/Frame-129-scaled-1.webp');
left: -30%;
bottom: -2%;
width: 100%;
height: 100%;
transform: rotate(0deg);
z-index: 99;
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
}
.ocm-effect-wrap {
    position: relative;
    z-index: 99;
}
body, .container-wrap, .material .ocm-effect-wrap, .project-title, .ascend .container-wrap, .ascend .project-title, body .vc_text_separator div, .carousel-wrap[data-full-width="true"] .carousel-heading, .carousel-wrap .left-border, .carousel-wrap .right-border, .single-post.ascend #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header, #page-header-wrap, .page-header-no-bg, #full_width_portfolio .project-title.parallax-effect, .portfolio-items .col, .page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4, body .nectar-quick-view-box div.product .product div.summary, .nectar-global-section.before-footer, .nectar-global-section.after-nav, body.box-rolling, body[data-footer-reveal="1"].ascend.box-rolling, body[data-footer-reveal="1"].box-rolling, .wpml-ls-statics-footer {
    background-color: transparent !important;
}
.container.main-content, .container.normal-container.row {
    --scroll-bar-w: 0px !important;
}
h2, h3, h4, h5 {
    font-family: 'RossanovaTrial-Bold' !important;
}
.postid-133 header#top {
    background: #000;
}
div#policy-content h3, div#policy-content p, div#policy-content li {
    color: #000;
}
div#policy-content h3 {
    font-size: 36px;
    line-height: 44px !important;
}
div#policy-content a {
    color: #4d4d4d;
    text-decoration: underline;
}
/* Header css */
li#menu-item-26 a, li#menu-item-27 a {
    background: #FFE150;
    margin-right: 10px !important;
    padding: 10px 10px !important;
    color: #000 !important;
    opacity: unset !important;
}
li#menu-item-26 span, li#menu-item-27 span {
    color: #000;
}
nav ul li a {
    color: #fff !important;
    opacity: unset !important;
}
header#top .container {
    padding: 0 0 !important;
}
/* end header css */
/* banner css */
div#main-banner .mosquito {
    position: absolute !important;
    right: 0;
    left: -460px;
    bottom: -80px;
    z-index: 11111111;
    width: 13% !important;
}
div#main-banner .book {
    position: relative !important;
    top: 70px;
    width: 34% !important;
}
div#main-banner .row-bg.viewport-desktop {
    clip-path: polygon(50% 0%, 100% 0, 100% 40%, 100% 87%, 100% 100%, 50% 100%, 0 96%, 0 70%, 0% 35%, 0 0);
}
div#main-banner .row-bg-overlay {
    clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 100% 96%, 50% 97.4%, 0 95%, 0 84%, 0% 35%, 0 0);
}
div#main-banner {
    padding-top: 170px !important;
}
.mosquito-two {
    position: absolute !important;
    right: -150px;
    top: unset !important;
    width: 20% !important;
    bottom: 0px;
}
h1 {
    color: #ffff;
    font-family: 'RossanovaTrial-Bold' !important;
}
.yellow {
    color: #FFE150;
}
div#banner-inner p {
    color: #fff;
    max-width: 930px;
    margin: 0 auto;
}
.top-head {
    display: flex;
    justify-content: center;
}
.top-head p {
    padding: unset !important;
}
div#header-secondary-outer {
    background: #000;
    color: #fff;
}
.top-head a {
    padding-left: 10px;
    text-decoration: underline;
    color: #FFE150 !important;
}
.mosquito {
  display: inline-block;
  will-change: transform;
  animation: 
    mosquitoFly 2.2s ease-in-out infinite alternate,
    mosquitoWingBuzz 1.07s linear infinite alternate;
}
@keyframes mosquitoFly {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-14px) rotate(3deg);
  }
  100% {
    transform: translateY(6px) rotate(-2deg);
  }
}
@keyframes mosquitoWingBuzz {
  0% {
    transform: scaleX(1) scaleY(1) skewX(0deg);
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  }
  100% {
    transform: scaleX(1.04) scaleY(0.96) skewX(2deg);
    filter: drop-shadow(3px -2px 5px rgba(0,0,0,0.12));
  }
}
.mosquito-two {
  display: inline-block;
  animation: 
    mosquitoFly 2.2s ease-in-out infinite alternate,
    mosquitoWingBuzz 1.07s linear infinite alternate;
  mosquitoWingBuzz 1.07s linear infinite alternate;
}
div#intresting-fact {
    position: relative;
}
/* end banner css */
/* text css */
div#shado-text h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(180deg, #d8d3a1 0%, #bdba84 60%, rgba(189, 186, 132, 0.3) 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  filter: drop-shadow(0px 2px 3px rgba(130, 125, 70, 0.3));
  font-size: 192px !important;
  line-height: 200px;
  box-shadow: 0px 39px 20px 30px #F0EDA8;
}
div#shado-text .row-bg {
    clip-path: polygon(50% 5%, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 68%, 0 0);
}
div#shado-text {
    margin-top: -37px;
}
/* end text css */
/* key sec css */
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: -40px;
    width: 20% !important;
    left: -210px;
}
div#key-sec li {
    color: #0A121C;
    padding-bottom: 10px;
    position: relative;
    list-style: none;
    border-bottom: 1px solid #D9D9D9;
    padding-top: 10px;
}
div#key-sec li:before {
    position: absolute;
    content: '\f00c';
    font-family: 'fontAwesome';
    left: -30px;
    border: 1px solid #0A121C;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    font-size: 14px !important;
    line-height: 22px !important;
    bottom: 12px;
}
.bigger h4 {
    font-size: 34px !important;
    line-height: 42px !important;
}
/* end key css */
/* Vissual narrtive css */
div#key-sec {
    padding-bottom: 370px !important;
}
div#land-sec {
    margin-top: -250px;
    padding-top: 205px !important;
    padding-bottom: 205px !important;
}
div#key-sec .row-bg {
    clip-path: polygon(40% 0%, 100% 0, 100% 75%, 100% 93%, 97% 94%, 50% 100%, 20% 96%, 0 88%, 0% 35%, 0 0);
}
div#land-sec .row-bg.viewport-desktop {
    clip-path: ellipse(60% 50% at 50% 50%);
}
div#land-sec h2 {
    max-width: 760px;
    margin: 0 auto;
}
div#land-sec p {
    max-width: 1010px;
    margin: 0 auto;
}
div#land-sec h4 {
    color: #fff;
    border: 1px solid #fff;
    max-width: 280px;
    margin: 0 auto;
    border-radius: 53px !important;
    padding: 5px !important;
}
.container-wrap {
    background: transparent !important;
}
.ocm-effect-wrap {
    background: url(https://summer-nemesis.co.uk/wp-content/uploads/2026/08/body-image.png);
    background-repeat: no-repeat !important;
    background-size: cover;
    background-attachment: scroll;
}
div#key-sec.key-inner .row-bg {
    clip-path: unset !important;
}
/* end narrative css */
/* Beatiful css */
div#beati-cost h4 {
    background: #ffffff;
    max-width: 260px;
    color: #0A121C !important;
    padding: 10px;
    border-radius: 50px;
}
/* div#beati-cost .row-bg {
    background: linear-gradient(
0deg, #59B1CD, #fff);
} */
#yello-btn {
    background: #FFE150 !important;
    font-size: 20px !important;
    color: #0A121C;
    padding: 20px 20px !important;
    border-radius: 15px !important;
    transition: all 0.5s !important;
    box-shadow: unset !important;
    transform: unset !important;
}
#yello-btn:hover {
    background: #0000005e !important;
    color: #fff !important;
    backdrop-filter: blur(9px);
}
/* end css */
/* wasp section css */
div#intresting-fact .accordion-header span {
    font-weight: bold;
    color: #0A121C;
    font-size: 20px;
}
div#intresting-fact .accordion-item {
  border-bottom: 1px solid #e5e7eb;
}
div#intresting-fact .accordion-header {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 8px;
  cursor: pointer;
  user-select: none;
}
div#intresting-fact .accordion-header::-webkit-details-marker {
  display: none;
}
div#intresting-fact .header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #374151;
  font-size: 15px;
  font-weight: 500;
}
div#intresting-fact .check-icon {
  width: 20px;
  height: 20px;
  color: #374151;
}
div#intresting-fact .arrow-icon {
  width: 18px;
  height: 18px;
  color: #38bdf8; /* Light Blue Color */
  transition: transform 0.2s ease;
}
details[open] div#intresting-fact .arrow-icon {
  transform: rotate(180deg);
}
div#intresting-fact .accordion-content {
  padding: 0 8px 16px 40px;
  color: #6b7280;
  font-size: 14px;
}
div#intresting-fact p{
  color:#0A121C;
}
div#intresting-fact h2 {
    color: #5C5C5C;
    font-size: 62px !important;
    line-height: 70px !important;
}
div#intresting-fact .browm-text {
    color: #986728 !important;
}
div#intresting-fact h4 {
    border: 1px solid #986728;
    max-width: 260px;
    text-align: center;
    padding: 5px 10px !important;
    border-radius: 50px !important;
    color: #986728 !important;
}
/* end waps css */
/* adrin haris css */
div#intro-abt h4 {
    border: 1px solid #986728;
    max-width: 360px;
    margin: 0 auto;
    padding: 5px !important;
    border-radius: 50px !important;
}
/* end adrin css */
/* redy to sec */
.mosquit-end {
    position: absolute !important;
    bottom: 60px;
    right: 320px;
    display: inline-block;
    will-change: transform;
    animation: mosquitoFly 2.2s ease-in-out infinite alternate, mosquitoWingBuzz 1.07s linear infinite alternate;
    width: 60% !important;
}
div#redy-to ul {
    display: flex;
    gap: 50px;
}
.brown-text {
    color: #986728;
}
div#redy-to ul li {
    color: #363636;
}
div#redy-to p {
    color: #0A121C;
}
div#redy-to ul li::marker {
    color: #986728;
}
#yello-btn.blue-btn {
    background: #59B1CD !important;
    color: #fff;
}
#yello-btn.blue-btn:hover {
    background: #f4d225 !important;
    color: #000 !important;
}
#yello-btn.brown-btn {
    background: #986728 !important;
}
div#redy-to h2 {
    color: #59B1CD;
}
/* end to ready sec */
/* contact sec */
div#contact-us h4 {
    text-align: center;
    border: 1px solid #986728;
    margin: 0 auto;
    max-width: 230px;
    border-radius: 50px;
}
div#contact-us h2 {
    text-align: center;
}
div#contact-us .vc_column-inner {
    background: #F0EDA8;
    padding: 50px !important;
    border-radius: 36px !important;
}
div#contact-us {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
div#contact-us input, div#contact-us textarea {
    background: #fff;
    padding: 14px !important;
    border: 1px solid #000;
    resize: none;
}
div#contact-us ::placeholder {
    color: #000;
    font-size: 15px;
    line-height: 23px;
}
#contact-us .sumr-btn p {
    text-align: right;
}
#contact-us .sumr-btn input.wpcf7-form-control.wpcf7-submit.sumer-btn {
    background: #986728;
    border: unset !important;
    padding: 18px 50px !important;
    border-radius: unset !important;
    font-size: 18px;
    line-height: 26px !important;
    font-family: 'Instrument Sans' !important;
    transform: unset !important;
    opacity: unset !important;
    box-shadow: unset !important;
}
#contact-us .sumr-btn span.wpcf7-spinner {
    display: none !important;
}
#contact-us span.wpcf7-list-item.first.last {
    margin: 0;
}
/* end contact */
/* innerpages css */
div#innerpage {
    padding-top: 220px !important;
    padding-bottom: 190px !important;
}
div#innerpage .row-bg-overlay {
    clip-path: polygon(50% 0%, 100% 0px, 100% 35%, 100% 83%, 100% 93%, 50% 96.4%, 0px 92%, 0px 84%, 0% 35%, 0px 0px);
}
div#land-sec.iner-land {
    margin: unset !important;
}
.page-id-89 .ocm-effect-wrap, .page-id-103 .ocm-effect-wrap, .page-id-114 .ocm-effect-wrap {
    background-image: unset !important;
}
div#land-sec.iner-land .row-bg.viewport-desktop {
    clip-path: ellipse(60% 50% at 50% 50%);
}
div#key-sec.key-inner {
    padding: 0 !important;
    padding-top: 70px !important;
}
div#innerpage .row-bg.viewport-desktop {
    clip-path: polygon(50% 0%, 100% 0, 100% 40%, 100% 87%, 100% 93%, 52% 97%, 0 92%, 0 60%, 0% 30%, 0 0);
}
/* timeline css */
.timeline {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
}
/* Center vertical line */
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #e1e1e1;
  transform: translateX(-50%);
}
/* Timeline item */
.timeline-item {
  width: 50%;
  min-height: 155px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
/* Left side */
.timeline-item.left {
  padding-right: 35px;
  justify-content: flex-end;
}
/* Right side */
.timeline-item.right {
  margin-left: 50%;
  padding-left: 35px;
  justify-content: flex-start;
}
/* Cards */
.timeline-card {
    width: 100%;
    max-width: 500px;
    padding: 24px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
/* Different card colors */
.timeline-item.right .timeline-card {
  background: #e9f08e;
}
.timeline-item:nth-child(3) .timeline-card {
  background: #08aac7;
  color: #fff;
}
/* Headings */
.timeline-card h3 {
  margin: 0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #a85c32;
}
.timeline-item.right .timeline-card h3 {
  color: #656c2a;
}
.timeline-item:nth-child(3) .timeline-card h3 {
  color: #fff;
}
.timeline-item.right .timeline-card p {
  color: #5e6234;
}
.timeline-item:nth-child(3) .timeline-card p {
  color: #fff;
}
/* =========================
   CENTER ICONS
========================= */
.timeline-icon {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 20px !important;
  box-sizing: border-box;
}
/* Left icons */
.timeline-item.left .timeline-icon {
  right: -11px;
}
/* Right icons */
.timeline-item.right .timeline-icon {
  left: -11px;
}
/* First icon */
.edit-icon {
  background: #e8ed94;
  color: #777b2d;
}

/* Second icon */
.inspiration-icon {
  background: #fff;
  border: 1px solid #ddd;
  color: #b47c45;
  font-size: 10px;
}
/* Third icon */
.revision-icon {
  background: #08aac7;
  color: #fff;
  font-size: 10px;
}
/* =========================
   RESPONSIVE
========================= */

@media (max-width: 700px) {
  .timeline-section {
    padding: 50px 15px;
  }
  .timeline {
    padding-left: 30px;
  }
  /* Move line to left */
  .timeline::before {
    left: 15px;
  }
.timeline-item,
  .timeline-item.left,
  .timeline-item.right {
    width: 100%;
    margin-left: 0;
    padding-left: 35px;
    padding-right: 0;
    justify-content: flex-start;
    min-height: auto;
    margin-bottom: 35px;
  }
.timeline-card {
    max-width: 100%;
  }
.timeline-item.left .timeline-icon,
  .timeline-item.right .timeline-icon {
    left: 4px;
    right: auto;
  }
}
.timeline-card h3 {
    font-size: 26px !important;
    line-height: 34px !important;
}
div#timeline-sec .row-bg {
    background: #F7F3EA;
}
div#intro-abt.dt-about .row-bg {
    background: #F7F3EA !important;
}
div#intro-abt.dt-about {
    margin-top: 100px;
}
div#timeline-sec {
    padding-bottom: 100px !important;
}
.timeline-section p {
    font-size: 15px !important;
    line-height: 23px !important;
}
div#gallery-sec h2 {
    margin: 0 auto;
    max-width: 770px;
    color: #59B1CD;
}
div#gallery-sec p {
    margin: 0 auto;
    max-width: 610px;
}
div#gallery-sec img {
    border-radius: 20px;
}
h1.product_title.entry-title {
    color: #59B1CD;
}
.price bdi {
    color: #A56B2B;
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
}
button.single_add_to_cart_button.button.alt {
    width: 100%;
    background: #A06028 !important;
}
button.single_add_to_cart_button.button.alt:hover {
    transform: unset !important;
    background: #000 !important;
}

.woocommerce-tabs.wc-tabs-wrapper.full-width-tabs {
    display: none !important;
}

.nectar-social.fixed {
    display: none !important;
}
/* end innerpages css */
/* ft css  */
div#footer-outer {
    display: none;
}
div#main-ft {
    padding-top: 40px !important;
}
div#ft-content .tnp.tnp-subscription.tnp-widget {
    margin: 0;
}
div#main-ft div#newsletterwidget-2 {
    position: relative;
}
div#main-ft input.tnp-submit {
    position: absolute !important;
    right: 0;
    width: 20% !important;
    bottom: 0px;
    background: #986728 !important;
    transform: unset !important;
    opacity: unset !important;
    box-shadow: unset !important;
}
div#main-ft input#tnp-1 {
    padding: 16px !important;
    background: #fff;
    border: unset !important;
    border-radius: 20px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* div#main-ft .row-bg {
    background: linear-gradient(46deg, #6bafc487, transparent);
} */
div#ft-content .row-bg {
    background: unset !important;
}
div#ft-end .row-bg {
    background: unset !important;
}
div#ft-content label {
    display: none;
}
input.tnp-submit, body[data-form-submit=regular] .container-wrap input[type=submit] {
    border-radius: 0px 20px 20px 0px !important;
}
div#main-ft .social-icons {
    margin: 0;
    display: flex;
    justify-content: end;
    gap: 20px;
}
div#main-ft .social-icons li {
    list-style: none;
}
div#main-ft .social-icons i {
    border: 1px solid #0A121C;
    height: 40px;
    width: 40px;
    display: inline-flex;
    JUSTIFY-CONTENT: CENTER;
    align-items: center;
    border-radius: 50px;
    color: #0A121C;
    font-size: 20px !important;
    line-height: 28px !important;
    transition: all 0.5s !important;
}
div#main-ft .social-icons i:hover {
    background: #f0eda8 !important;
    transition: all 0.5s !important;
}
div#main-ft p {
    color: #000;
}
div#main-ft div#ft-content h4 {
    color: #0A121C;
}
div#main-ft a {
    color: #0A121C;
}
div#main-ft div#ft-content li {
    padding: 4px;
    list-style: none;
}
div#main-ft div#ft-content ul {
    margin: 0;
}
div#main-ft .quck-col .vc_column-inner {
    padding-left: 69px !important;
}
div#ft-end {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
/* ft css end  */
/* responsive start  */
/* =========================================
   Extra Large Screens / 4K / Wide Monitors
========================================= */
@media (min-width: 1600px) {
	div#shado-text h2 {
    font-size: 180px !important;
    line-height: 188px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: -40px;
    width: 20% !important;
    left: -170px;
}
}
/* =========================================
   Large Desktop Screens
========================================= */
@media (min-width: 1400px) and (max-width: 1599px) {
	div#shado-text h2 {
    font-size: 150px !important;
    line-height: 158px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -70px;
}
h2 {
    font-size: 50px !important;
    line-height: 58px !important;
}
p {
    font-size: 15px !important;
    line-height: 23px !important;
}
li {
    font-size: 15px !important;
    line-height: 23px !important;
}
header#top .container {
    padding: 0 40px !important;
}

div#contact-us textarea {
    height: 160px;
}
}
/* =========================================
   Desktop / Large Laptop
========================================= */
@media (min-width: 1200px) and (max-width: 1399px) {
div#shado-text h2 {
    font-size: 130px !important;
    line-height: 138px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -70px;
}
h2 {
    font-size: 50px !important;
    line-height: 58px !important;
}
p {
    font-size: 15px !important;
    line-height: 23px !important;
}
li {
    font-size: 15px !important;
    line-height: 23px !important;
}
header#top .container {
    padding: 0 40px !important;
}
div#contact-us textarea {
    height: 160px;
}
div#intresting-fact h2 {
    font-size: 52px !important;
    line-height: 60px !important;
}
.nectar-split-heading {
    margin-bottom: 5px !important;
}	
}
/* =========================================
   Small Laptop / Notebook
========================================= */
@media (min-width: 992px) and (max-width: 1199px) {
div#shado-text h2 {
    font-size: 110px !important;
    line-height: 118px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -70px;
}
h2 {
    font-size: 30px !important;
    line-height: 38px !important;
}
p {
    font-size: 12px !important;
    line-height: 20px !important;
}
li {
    font-size: 12px !important;
    line-height: 20px !important;
}
header#top .container {
    padding: 0 40px !important;
}
div#contact-us textarea {
    height: 160px;
}
div#intresting-fact h2 {
    font-size: 42px !important;
    line-height: 50px !important;
}
.nectar-split-heading {
    margin-bottom: 5px !important;
}

nav ul li a {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#main-banner .mosquito {
    position: absolute !important;
    right: 0;
    left: 160px;
    bottom: 0px;
    z-index: 11111111;
    width: 24% !important;
    margin: unset !important;
}
div#beati-cost h4 {
    max-width: 260px;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
}
#yello-btn {
    background: #FFE150 !important;
    font-size: 16px !important;
    color: #0A121C;
    padding: 16px 20px !important;
    border-radius: 15px !important;
    transition: all 0.5s !important;
    box-shadow: unset !important;
    transform: unset !important;
    line-height: 24px !important;
}
div#main-ft .quck-col .vc_column-inner {
    padding-left: 40px !important;
}
div#main-ft input.tnp-submit {
    width: 30% !important;
}
div#main-ft div#ft-content h4 {
    font-size: 17px !important;
    line-height: 25px !important;
}	
}
/* =========================================
   Tablet / iPad
========================================= */
@media (min-width: 768px) and (max-width: 991px) {
div#shado-text h2 {
    font-size: 80px !important;
    line-height: 118px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -70px;
}
h2 {
    font-size: 30px !important;
    line-height: 38px !important;
}
p {
    font-size: 12px !important;
    line-height: 20px !important;
}
li {
    font-size: 12px !important;
    line-height: 20px !important;
}
header#top .container {
    padding: 0 40px !important;
}
div#contact-us textarea {
    height: 160px;
}
div#intresting-fact h2 {
    font-size: 42px !important;
    line-height: 50px !important;
}
.nectar-split-heading {
    margin-bottom: 5px !important;
}

nav ul li a {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#main-banner .mosquito {
    position: absolute !important;
    right: 0;
    left: 160px;
    bottom: 0px;
    z-index: 11111111;
    width: 24% !important;
    margin: unset !important;
}
div#beati-cost h4 {
    max-width: 260px;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
}
#yello-btn {
    background: #FFE150 !important;
    font-size: 16px !important;
    color: #0A121C;
    padding: 16px 20px !important;
    border-radius: 15px !important;
    transition: all 0.5s !important;
    box-shadow: unset !important;
    transform: unset !important;
    line-height: 24px !important;
}
div#main-ft .quck-col .vc_column-inner {
    padding-left: 0px !important;
}
div#main-ft input.tnp-submit {
    width: 30% !important;
}
div#main-ft div#ft-content h4 {
    font-size: 17px !important;
    line-height: 25px !important;
}
.top-head a {
    padding-left: 5px;
    text-decoration: underline;
    color: #FFE150 !important;
}
div#main-banner {
padding-top: 70px !important;
}

div#key-sec img {
    margin: 0;
    width: 100%;
}

div#beati-cost img {
    width: 100%;
}

div#intresting-fact img {
    width: 100%;
}
.summer-form .row {
    padding: 0;
}
h1.product_title.entry-title {
    color: #ffffff;
    font-size: 36px !important;
    line-height: 44px !important;
}
.postid-133 div#header-outer {
    background: #000 !important;
}	
}
/* =========================================
   Large Mobile Devices
========================================= */
@media (min-width: 576px) and (max-width: 767px) {
div#shado-text h2 {
    font-size: 50px !important;
    line-height: 58px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -70px;
}
h2 {
    font-size: 30px !important;
    line-height: 38px !important;
}
p {
    font-size: 12px !important;
    line-height: 20px !important;
}
li {
    font-size: 12px !important;
    line-height: 20px !important;
}
header#top .container {
    padding: 0 40px !important;
}
div#contact-us textarea {
    height: 160px;
}
div#intresting-fact h2 {
    font-size: 42px !important;
    line-height: 50px !important;
}
.nectar-split-heading {
    margin-bottom: 5px !important;
}

nav ul li a {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#main-banner .mosquito {
    position: absolute !important;
    right: 0;
    left: 80px;
    bottom: -25px;
    z-index: 11111111;
    width: 24% !important;
    margin: unset !important;
}
div#beati-cost h4 {
    max-width: 260px;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
}
#yello-btn {
    background: #FFE150 !important;
    font-size: 16px !important;
    color: #0A121C;
    padding: 16px 20px !important;
    border-radius: 15px !important;
    transition: all 0.5s !important;
    box-shadow: unset !important;
    transform: unset !important;
    line-height: 24px !important;
}
div#main-ft .quck-col .vc_column-inner {
    padding-left: 0px !important;
}
div#main-ft input.tnp-submit {
    width: 30% !important;
}
div#main-ft div#ft-content h4 {
    font-size: 17px !important;
    line-height: 25px !important;
}
.top-head a {
    padding-left: 5px;
    text-decoration: underline;
    color: #FFE150 !important;
}
div#main-banner {
padding-top: 70px !important;
}

div#key-sec img {
    margin: 0;
    width: 100%;
}

div#beati-cost img {
    width: 100%;
}

div#intresting-fact img {
    width: 100%;
}
.summer-form .row {
    padding: 0;
}
.mosquito-two {
    position: absolute !important;
    right: -20px;
    bottom: 0;
    width: 20% !important;
}
h1.product_title.entry-title {
    color: #ffffff;
    font-size: 36px !important;
    line-height: 44px !important;
}
.postid-133 div#header-outer {
    background: #000 !important;
}	
}
/* =========================================
   Mobile Devices
========================================= */
@media (max-width: 575px) {
div#shado-text h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}
div#key-sec .mosquito-two {
    position: absolute !important;
    right: 0px;
    bottom: 10px;
    width: 20% !important;
    left: -20px;
}
h2 {
    font-size: 28px !important;
    line-height: 36px !important;
}
p {
    font-size: 12px !important;
    line-height: 20px !important;
}
li {
    font-size: 12px !important;
    line-height: 20px !important;
}
header#top .container {
    padding: 0 0px !important;
}
div#contact-us textarea {
    height: 160px;
}
div#intresting-fact h2 {
    font-size: 42px !important;
    line-height: 50px !important;
}
.nectar-split-heading {
    margin-bottom: 5px !important;
}

nav ul li a {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#main-banner .mosquito {
    position: absolute !important;
    right: 0;
    left: 40px;
    bottom: -15px;
    z-index: 11111111;
    width: 24% !important;
    margin: unset !important;
}
div#beati-cost h4 {
    max-width: 260px;
    padding: 10px;
    border-radius: 50px;
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
}
#yello-btn {
    background: #FFE150 !important;
    font-size: 16px !important;
    color: #0A121C;
    padding: 16px 20px !important;
    border-radius: 15px !important;
    transition: all 0.5s !important;
    box-shadow: unset !important;
    transform: unset !important;
    line-height: 24px !important;
}
div#main-ft .quck-col .vc_column-inner {
    padding-left: 0px !important;
}
div#main-ft input.tnp-submit {
    width: 34% !important;
}
div#main-ft div#ft-content h4 {
    font-size: 17px !important;
    line-height: 25px !important;
}
.top-head a {
    padding-left: 5px;
    text-decoration: underline;
    color: #FFE150 !important;
}
div#main-banner {
padding-top: 70px !important;
}

div#key-sec img {
    margin: 0;
    width: 100%;
}

div#beati-cost img {
    width: 100%;
}

div#intresting-fact img {
    width: 100%;
}
.summer-form .row {
    padding: 0;
}
.mosquito-two {
    position: absolute !important;
    right: -20px;
    bottom: 0;
    width: 20% !important;
}
div#main-banner .book {
    position: relative !important;
    top: 40px;
    width: 52% !important;
}
.mosquit-end {
    bottom: 60px;
    right: 0px;
}
div#contact-us .vc_column-inner {
    background: #F0EDA8;
    padding: 20px 10px !important;
    border-radius: 36px !important;
}
.timeline-section p {
    font-size: 12px !important;
    line-height: 20px !important;
}
.timeline-card {
    width: 100%;
    max-width: 370px;
    padding: 18px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
    .timeline {
        padding-left: 10px;
    }
div#intro-abt h4 {
    max-width: 210px;
    margin: 0 auto;
    padding: 5px !important;
}
    .timeline-item.left .timeline-icon, .timeline-item.right .timeline-icon {
        left: -12px !important;
        right: auto;
    }
h1.product_title.entry-title {
    color: #ffffff;
    font-size: 36px !important;
    line-height: 44px !important;
}
.postid-133 div#header-outer {
    background: #000 !important;
}
div#policy-content h3 {
    font-size: 28px;
    line-height: 36px !important;
}	
}