:root {
  --color-white: #fff;
  --color-blue: #2591EC;
  --color-black: #000;
  --color-yellow: #FFBB3B;
}
:root {
  --font-poppins: "Poppins";
  --font-Josefin: "Josefin Sans";
}
@media screen and (max-width: 1920px) and (min-width: 1600px){
  .blog_circle_img{
    left: 14% !important;
  }
  .blog_bg_img{
    right: 14% !important;
  }
  #Service-form .side_img{
    left: 5% !important;
  }
  #Slider .slider-indicator{
    margin-left: 5%
  }
  .completed-pro .curve_img {
    position: absolute;
    left: 42%;
  }
}
@media screen and (max-width: 1040px) {
  .main-navigation ul ul li:hover:before{
		border-bottom:none !important;
	}
	.main-navigation li{
	   padding: 0px 0px !important;
  }
  #respond input[type=submit]{
    width: 50% !important;
  }
  .how_img{
    left: 35%;
  }
  .why_img{
    left: 13%;
  }
  .faq_img{
    right: 4%;
  }
  .slider-indicator{
    display: none;
  }
  #testimonial .testimonial-heading, #Blog .blog_inner_wrapper h2 {
    width: 44%;
  }
  #our-pricing .we_offered {
    width: 44%;
  }
  .faq-head, #Popular .popular-top-content, #pool-experienced .why-choose-head, #Our-Process .Process-Head, .complete-pro-head {
    margin: 0 auto;
    width: 50%;
  }
  .testimonial-page{
    margin: 0% 8%;
  }
  .basic_tittle {
    top: 12%;
    font: 500 20px/25px Poppins;
  }
  .price-text {
    color: #000;
    font: 500 13px/1 poppins;
    left: 8%;
  }
  .card-text {
    font: 400 30px/1 poppins;
  }
  .about_me {
    padding-right: 0;
  }
  .footer-details .wpcf7-form-control-wrap {
    margin-bottom: 15px;
  }
  .blog_circle_img{
    top: 0;
    left: 0;
  }
  .blog_bg_img{
    top: 0;
    right: 0;
  }
  .about-page-para p, .about-page-para2 p {
    font: 500 14px/30px Poppins;
  }
  .about-page-head h2, .about-page-head2 h2 {
    font: normal normal 600 25px/45px Poppins;
  }
	.toggle-nav {
		display: block;
		text-align: right;
	}
	.toggle-nav i {
		font-size: 29px;
		color: #fff ;
	}
	.sidenav .close-sidebar {
		position: absolute;
		top: -60px;
		left: 7.5em;
		font-size: 36px;
		display: block;
		color: var(--color-white);
		cursor: pointer;
	}
	.toggle-nav i{
		margin-top: 5px;
		padding-left: 60px;
	}
	.sticky.stickynavbar .toggle-nav i{
		padding-left: 45px;
	}
	.header-box{
		padding: 8px 0;
	}
	.main-navigation ul li>ul {
		display: none;
		position: relative;
		top: 0;
		left: 0;
	}
	#sidebar1 .main-navigation ul .menu-item-has-children> a:before{
    color: #fffbfb;
    position: absolute;
    top: 40%;
    font-weight: 600;
    font-size: 0.7rem;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    left: 25%;
    animation: none;
    border-bottom: none;
    -webkit-transform-origin: unset !important;
    transform-origin: unset !important;
    -webkit-transform: unset !important;
    transform: unset;
    !important: ;
    -webkit-transition: unset !important;
    transition: unset !important;
    transition-duration: 0s !important;
    margin: 0;
	}
	#sidebar1 .main-navigation ul .menu-item-has-children:hover :after{
		animation: none;
	}
  #sidebar1 #site-navigation.main-navigation .sub-menu li a {
    padding: 16px 6px 16px 50px;
  }
	#sidebar1 .main-navigation ul li.menu-item-has-children li a:after{
		content: none;
	}
	.main-navigation ul li a,a:not([href]):not([class]), a:not([href]):not([class]):hover{
		color: var(--color-white);
	}
	.main-navigation ul li:hover > ul{
    margin-top: 5%;
  }
	.main-navigation ul li ul li ul {
		position: unset;
	}
	.headerbar {
		display: block !important;
		margin: 0;
	}
	.main-navigation ul ul li a {
		padding-left: 22px;
	}
	#sidebar1 .main-navigation li ul li:after{
    top: 16px;
    left: 5px;
	}
	.main-navigation ul ul li {
		padding: 0px 12px 5px 12px;
	}
	.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after {
		display: none;
	}
	.main-header .main-navigation,#slider .icon_img img {
		display: none
	}
	.main-navigation,.main-navigation li {
		padding: 0;
		display: block;
		width: 350px;
		animation: menuli 1s 1;
		border-bottom: 1px solid #fff;
	}
	.main-navigation{
		margin-top: 15% !important;
    position: relative;
	}
	.main-navigation ul li a {
		padding: 16px 6px 16px 0px;
		display: block;
		font-weight: 400;
		background: 0 0!important;
		text-align: left;
		margin: 0;
		font-size: 12px;
	}
	.main-navigation ul li ul a{
    font-size: 13px;
    font-weight: 600;
	}
	.main-navigation ul li.menu-item-has-children:after{
		content: none;
	}
	.main-navigation .current_page_item a:before, .main-navigation .current-menu-item a:before{
		left: 22px !important;
	}
	#sidebar1 .main-navigation ul ul li:hover a{
		transform: unset;
		left: 0;
	}
	#sidebar1 {
    height: 100%;
    width: 0%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background: var(--color-blue);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
	}
	@keyframes slideInLeftMenu {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(-296px);
	    -ms-transform: translateX(-296px);
	    transform: translateX(-296px);
	  }

	  100% {
	    -webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    transform: translateX(0px);
	  }
	}
	.main-navigation ul li a:before{
		content: none;
	}
  #close_nav i {
    color: #fff;
    font-size: 40px;
  }
	.main-navigation ul ul,.main-navigation ul ul li {
		background: transparent !important;
	}
	.main-navigation ul ul li {
		display: block;
		padding-left: 1px;
		border-bottom: none;
	}
	.main-navigation ul ul ul li {
		padding-left: 15px;
	}
	.main-navigation ul ul{
		border: none !important;
	}
	.main-navigation, .main-navigation li{
		animation: none;
	}
	.main-navigation a, a:not([href]):not([class]), a:not([href]):not([class]):hover{
    /* text-align: left;
    left: 15px;
    padding: 16px 6px 16px 0px;
    font-size: 12px;
    font-weight: 400; */
    color: #000;
  }
  #Service-form textarea {
    height: 80px;
    width: 100%;
  }
  #Slider .slider-heading, #Slider .curve_img {
    font: normal normal bold 40px/50px Poppins;
    width: 62%;
  }
  #Slider .slider-head {
    font: 500 28px/38px Poppins;
  }
  .About-Content h2 {
    padding-right: 0%;
  }
  .popular-body .popular-title {
    font: 500 24px/30px Poppins;
    padding-right: 0;
  }
  .serve-category-images .tab-pane{
    text-align: center;
  }
  .pool_counter {
    padding: 0% 0% 0 5%;
  }
  .icon_image{
    left: 33%;
  }
  #Service-form .request-form-content {
    /* position: absolute; */
    top: 15%;
  }
  #Service-form .wpcf7-form-control-wrap {
    padding: 5% 0% 5% 0%;
  }
  #Service-form .request-form-content h3 {
    font: 500 23px/33px Poppins;
    color: var(--color-yellow);;
  }
  #Service-form .request_quote {
    color: var(--color-white);
    font: 600 28px/27px Poppins;
  }
  #Service-form textarea {
    height: 60px;
  }
  input[type=submit],input[type=text],.wpcf7 input[type="email"]{
    margin-top: 0% !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 5px;
    padding: 12px 10px;
  }
  input[type=submit]{
    padding: 17px 0px;
  }
}
@media screen and (min-width:1024px) {
  #testimonial .testimonial-main-container{
    max-width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991px){
  .price-plan:hover .hov-image{
		left: 33%;
	}
  #Service-form .side_img{
    max-width: 100px;
  }
  .accordion-item:first-of-type .accordion-button{
    padding: 15px 20px;
    line-height: 30px;
    margin: 15px 0px;
  }
  .inner-icons i {
    font-size: 20px;
  }
  .cont_heading{
    font: normal normal 600 13px/10px Poppins;
  }
  .how_img{
    left: 35%;
  }
  .completed-pro .curve_img{
    left: 40%
  }
  .faq_img{
    right: 30%;
  }
  .about-dummy-content .dummy-about,.arrow_row{
    justify-content: center;
  }
  .About-Content,.About-button{
    text-align: center;
  }
  .back_img{
    display: none;
  }
  #singleService .nav-link, #singleService .nav-link.active {
    padding: 15px 25px;
    margin: 5px;
  }
  .service-single-body{
    font-size: 16px;
  }
  #Service-form{
    background-image: none !important;
  }
  #Service-form .contact_call{
    top: 45%;
  }
  .blog_heading {
    font: 500 20px/30px Poppins;
  }
  .errorimg{
    width: 50%;
  }
  .bradcrumbs {
    padding: 14px 0;
    position: unset;
    left: unset;
    text-align: center;
  }
  .blog_bg_img {
    top: 0;
    right: 10%;
  }
  .blog_circle_img {
    top: 0;
    left: 10%;
  }
  .copyright-text {
    order: 2;
  }
  .menu-footer-menu-container{
    order:1;
    justify-content: center;
  }
  .wrapper_certified{
    padding-top: 10%;
  }
  #testimonial .testimonial-heading, #Blog .blog_inner_wrapper h2 {
    width: 60%;
    margin: 0 auto;
  }
  #our-pricing .we_offered {
    width: 50%;
  }
  #Popular .popular-top-content, #pool-experienced .why-choose-head, #Our-Process .Process-Head, .complete-pro-head {
    margin: 0 auto;
    width: 70%;
  }
  .top-shadow {
    padding-right: 0;
  }
  .testimonial-page {
    margin: 0px 4%;
    padding: 0 4px;
  }
  .process_content .process-image-box:after{
    display: none;
  }
  .testimonial-body p {
    padding-top: 9%;
  }
  #Service-form .request-form {
    clip-path: none;
  }
  .single-page-title {
    font: 600 27px/35px poppins;
  }
  .above_title{
    width: 50%;
  }
  .single-post-content p {
    font: normal normal normal 14px/25px poppins;
  }
  .single-post-comment {
    width: 60%;
  }
  .header-box {
    box-shadow: 292px 0px 0px 0px var(--color-blue), -450px 0px 0px 0px var(--color-blue);
  }
  .logo img{
    width: 130px;
  }
  .header-box {
    padding: 3px 0;
  }
  .get-quote-button{
    padding: 10px 20px;
  }
  #Slider .slider-heading {
    font: normal normal bold 35px/45px Poppins;
  }
  #Slider .slider-button, .About-button a {
    padding: 12px 20px;
  }
  .popular-body .popular-title {
    font: 500 24px/30px Poppins;
    padding-right: 15%;
  }
  .outer-footer{
    background-image: none !important;
    background-color: var(--color-blue);
  }
  .widget-title{
    color: #fff;
  }
  #Slider .slider-head {
    font: 600 26px/25px Poppins;
  }
  .curve_img img {
    width: 75%;
  }
  #Slider .slider-para {
    padding: 4% 15% 0% 0%;
  }
  #Slider .slider-heading {
    font: normal normal bold 38px/48px Poppins;
    width: 90%;
  }
  .About-image{
    order: 2;
  }
  .top_text{
    order: 1;
  }
  .about-duck-img {
    top: 10%;
    left: -7%;
  }
  .about-duck-img img {
    width: 70%;
    height: auto;
  }
  h2 {
    font: normal normal 600 32px/42px Poppins;
  }
  .pool_counter{
    padding: 0% 0% 0 5%;
  }
  .mop_img {
    margin: 5px;
    padding: 10% 0% 5% 10%;
  }
  .mop_img:before{
    top: 11%;
    left: 15%;
    padding: 15px;
  }
  .services_pool {
    font: 400 17px/25px Poppins;
  }
  #Service-form textarea {
    height: 50px;
  }
  #Service-form input[type=text], #Service-form input[type=email]{
    font-size: 12px;
    padding: 6px 6px;
    width: 100%;
    height: 35px;
  }
  #Service-form .wpcf7-form-control-wrap {
    padding: 0% 0% 5% 0%;
  }
  #Service-form input[type=submit]{
    padding: 7px 0px;
    width: 80%;
    margin-top: -7%;
    font: 400 14px/25px var(--font-poppins);
  }
  #Service-form .request-form-content h3 {
    font: 500 20px/25px Poppins;
  }
  #Service-form h2 {
    font: 600 26px/26px Poppins;
  }
  #Service-form .request-form-content {
    /* position: absolute; */
    top: 6%;
    padding: 0% 7% 0% 7%;
  }
  #Service-form img {
    width: 85%;
  }
}
@media screen and (max-width: 800px) and (min-width:600px) {
  .completed-pro .curve_img{
    left: 55%
  }
  .logged-in .sticky{
    margin-top: 45px;
  }
  .blog_bg_img {
    top: 0;
    right: 0%;
  }
  .blog_circle_img {
    top: 0;
    left: 0%;
  }
}
@media screen and (max-width: 767px){
  .price-plan:hover .hov-image{
		left: 37%;
	}
  #Service-form img {
    width: 50%;
  }
  .toggle-nav i{
    padding-left: 15px;
  }
  .footer1 p, .footer2 p{
  justify-content: center;
  }
  #singleService .about_me{
    margin-right: 0;
  }
  .post-featured{
    text-align: center;
  }
  .completed-pro .curve_img,{
    position: absolute;
    left: 30%;
  }
  .faq-head, #Popular .popular-top-content, #pool-experienced .why-choose-head, #Our-Process .Process-Head, .complete-pro-head{
    width: 100%;
  }
  textarea, input[type=text], input[type=password], input[type=datetime],
  input[type=datetime-local], input[type=date], input[type=month], input[type=time],
   input[type=week], input[type=number], input[type=email], input[type=url],
    input[type=search], input[type=tel], input[type=color], .uneditable-input{
    text-align : center;
  }
  .contact-send{
    margin: 0 auto;
  }
  .contact-frm label{
    text-align: center;
  }
  .errorimg{
    width: 100%;
  }
  .menu-footer-menu-container ul{
    display: block;
    text-align: center;
  }
  .footer-details .textwidget {
    padding-right: 0;
  }
  .about_me {
    padding-right: 0;
  }
  #bwt-footer{
    text-align: center;
  }
  .curve_img,.why_img,.completed-pro .curve_img,.how_img{
    position: unset;
    left: 10%;
  }
  .faq_img {
    display: block;
    margin: 0 auto;
  }
  #Service-form .side_img,.blog_circle_img,.blog_bg_img{
    display: none;
  }
  .testimonial-head{
    margin: 0 0;
  }
  .single-service-content{
    text-align: center;
  }
  .single-srevice-title{
    text-align: center !important;
  }
  #Slider{
    background-repeat: unset;
  }
  .title-box img{
    display: none;
  }
  .content_boxes {
    background-color: #fff;
    transform: translateY(-3%);
  }
  .single-page-title {
    font: 600 30px/35px poppins;
  }
  .single-post-content p {
    font: normal normal normal 14px/32px poppins;
  }
  .single-post-comment {
    width: 100%;
  }
  #respond input[type=submit] {
    width: 50% !important;
  }
  .blog_share_icon{
    text-align: center;
  }
  .contact-froms{
    order: 1;
  }
  .contact-map{
    order: 2;
  }
  .contact-box p{
    padding-right: 0;
  }
  .contact-call a{
    justify-content: center;
  }
  .above_title {
    position: relative;
  }
  .banner-container{
    position: unset;
  }
  .above_title{
    width: 100%;
  }
  .about-page-head h2, .about-page-head2 h2 {
    font: normal normal 600 20px/30px Poppins;
    color: #000000;
    text-align: center;
  }
  .about-page-para p, .about-page-para2 p {
    font: 500 14px/24px Poppins;
    color: #242424;
    padding-right: 0;
    text-align: center;
  }
  .banner-image .title-box img{
    display: none;
  }
  .services-timing , #middle-header{
    display: none !important;
  }
  #Service-form label {
    padding-right: 2%;
  }
  #Service-form input[type=text], #Service-form input[type=email] {
    font-size: 14px;
    padding: 24px 9px;
    width: 100%;
    height: 35px;
  }
  .about_us_arrow .arrow_row{
    justify-content: center;
  }
  #testimonial .owl-item.active{
    max-width: unset !important;
  }
  .testimonial-body p {
    padding-top: 10%;
    padding-right: 0;
  }
  #Service-form .contact_call{
    display: none;
  }
  .popular-body .popular-title {
    font: 500 20px/30px Poppins;
  }
  .pool_counter {
    padding: unset;
  }
  .mop_img {
    margin: 25px;
    padding: 10% 5% 5% 5%;
  }
  .popular-body{
    padding: 10px;
  }
  .project-content-box {
    padding: 8px;
  }
  h2 {
    font: normal normal 600 26px/36px Poppins;
  }
  #Popular .popular-top-content, #pool-experienced .why-choose-head, #Our-Process .Process-Head, .complete-pro-head {
    width: 75%;
  }
  #testimonial .testimonial-heading, #Blog .blog_inner_wrapper h2, #Popular .popular-top-content .most_popular, #pool-experienced .expert, #Our-Process .company-works, #our-pricing .we_offered, .most_completed_pro{
    width: 100%;
  }
  #Service-form .request-form-content {
    position: unset;
    top: 15%;
    padding: 7% 7% 0% 7%;
    text-align: center;
  }
  #Service-form .request_quote {
    font: 600 30px/30px Poppins;
  }
  #Service-form input[type=submit]{
    margin-top: 0;
  }
  .request-form{
    order: 1;
  }
  .request-form-image{
    order: 2;
  }
  .popular-body .popular-title{
    padding-right: 0px;
  }
  #Slider .curve_img,#Slider .slider-para,.about-text,.About-image{
    display: none;
  }
  .process_content .process-image-box:after{
    display: none;
  }
  .About-Content h2 {
    padding-right: 0;
  }
  .services-timing{
    text-align: center;
  }
  #Service-form .contact_call{
    left: 50%;
  }
  .top-shadow{
    box-shadow: 30px 0px 0px 0px var(--color-blue), -30px 0px 0px 0px var(--color-blue);
    border-radius: 0px;
  }
  .logo-class{
    text-align: center;
  }
  .logo img{
    width: 150px;
    position: unset;
  }
  .header-box {
    box-shadow: 292px 0px 0px 0px var(--color-blue), -310px 0px 0px 0px var(--color-blue);
  }
  .top-shadow {
    box-shadow: 295px 0px 0px 0px var(--color-blue), -295px 0px 0px 0px var(--color-blue);
  }
  #Slider .wrapper-image{
    display: none;
  }
  #Slider .slider-head {
    font: 600 22px/25px Poppins;
  }
  #Slider .slider-heading {
    font: normal normal bold 34px/40px Poppins;
    width: 100%;
  }
  #Slider .slider-button, .About-button a {
    padding: 15px 30px;
    font: 500 15px/25px Poppins;
  }
  #completeProjects{
    background-image: none !important;
  }
  .top_text{
    text-align: center;
  }
  .why-choose-title{
    font: 600 22px/30px Poppins;
  }
  .mop_img{
    text-align: center;
  }
  .mop_img:before {
    top: 20%;
    left: 35%;
    padding: 20px;
  }
  .accordion-item:first-of-type .accordion-button{
    margin: 6px;
    font-size: 14px;
  }
  .icon_image{
    left: 37%;
  }
  .testimonial-head{
    align-items: center;
  }
  .basic_tittle {
    top: 17%;
    font: 500 22px/16px Poppins;
    left: 20%;
  }
  .popular-body h4 {
    font: 600 23px/30px Poppins;
  }
  .testimonial-page{
    margin: 0% 4%;
  }
  .testimonial-head img {
    height: auto;
  }
}
@media screen and (max-width: 480px){
  .single-author-image img {
    width: 10%;
  }
  .why_img{
    left: 30%;
  }
  .single-post-social-box li{
    float: center;
    /* text-align: center; */
  }
  .basic_tittle {
    top: 13%;
  }
  .text-404 {
    font: 600 25px/40px Poppins;
  }
  .about-circle-img{
    left: -5%;
  }
  .above_title{
    height: unset;
  }
  .banner-container{
    padding: 15px 0px;
  }
}
@media screen and (max-width: 425px){
  .completed-pro .curve_img {
    left: 32%;
  }
}
@media screen and (max-width: 375px){
  .price-plan:hover .hov-image{
		left: 30%;
	}
  .faq_img{
    left: 30%;
  }
  #Popular .popular-top-content, #pool-experienced .why-choose-head, #Our-Process .Process-Head, .complete-pro-head {
    width: 100%;
  }
  .header-box {
    box-shadow: 292px 0px 0px 0px var(--color-blue), -290px 0px 0px 0px var(--color-blue);
    padding: 4px 0;
  }
  .basic_tittle {
    top: 14%;
    font: 499 18px/12px Poppins;
    left: 20%;
  }
  .project-row li button{
    left: 20%;
  }
  .icon_image {
    left: 30%;
    }
}