* {font-family: 'Raleway', sans-serif;}
a:focus {  outline: none;}
a.navbar-brand.custom-logo-link {
    position: relative;
    padding:11px 10px 12px 30px;
    text-align: center;
    margin: 0; z-index: 5;
}
nav.navbar {padding:0;}
a.navbar-brand.custom-logo-link img {
    max-width: 300px; width:100%;
    margin: auto;
}
a.navbar-brand.custom-logo-link::before {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skew(-17deg, 0deg);
    background: #595959;
    content: "";
    top: 0;
    left: 17px;
    z-index: -1;
}

.wrapper-navbar {position: relative;}
.absolute_top_bar ul {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    list-style: none;
    display: flex; z-index: 1;
    border-left: 2px solid #595959;
}
.absolute_top_bar { display: flex;  position: absolute; right: 20px; z-index: 1;}
.absolute_top_bar ul li { margin: 0 5px;}
.absolute_top_bar * { color: #595959;     font-size: 18px;}
div#navbarNavDropdown.result_hover {opacity: 1; visibility: visible;}
div#navbarNavDropdown {
    padding: 0 40px 0 0; z-index: 3;
    position: relative; margin-left: -100px; opacity: 0; visibility: hidden;
}
div#navbarNavDropdown::after {
    transform: skew(-17deg, 0deg);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #8bc74e;
    z-index: -2;
}

div#navbarNavDropdown ul li:hover ul li a {font-weight: normal;}
div#navbarNavDropdown ul li li:hover::before {display: none;}
div#navbarNavDropdown ul li { position: relative;  margin-left: 10px;}
div#navbarNavDropdown ul li a { color: #fff;}
div#navbarNavDropdown ul li.current-menu-item a{ text-shadow: 1px 0px 0px #fff;}
  div#navbarNavDropdown ul li.current-menu-item::before  {
    height: 5px;
    width: 100%;
    content: "";
    position: absolute;
    background: #06aee7;
    bottom: 0;
    left: 0;
}
.projectst-right-image .pj-description {
    display: none;
    position: relative;
    z-index: 10;
    width: 90%;
    margin: auto;
}



@media screen and (min-width:768px) {

	
    div#navbarNavDropdown ul li:hover ul { display: block;}
    div#navbarNavDropdown ul li:hover::before  {
    height: 5px;
    width: 100%;
    content: "";
    position: absolute;
    background: #06aee7;
    bottom: 0;
    left: 0;
}
div#navbarNavDropdown ul li:hover a { text-shadow: 1px 0px 0px #fff;}
}

.home .clip-banner {
    padding:50px 40px;
}

.home .clip-banner h2 {
    font-size: 32px !important;
}

.clip-banner {
    max-width: 760px;
    width: 100%;
    padding: 50px 0;
    position: relative;
}
.clip-banner::before {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skew(-17deg, 0deg);
    background: rgb(0 0 0 / 50%);
    content: "";
    z-index: 0;
    top: 0;
    left: -67px;
}

.clip-banner div {
    position: relative;
    color: #fff; width: 86%;
}
.banner {
    background-size: cover;
    background-position: center top;
}
.banner h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold; margin-bottom: 50px;     text-shadow: 1px 2px 2px #000000c7;;
}

.banner h2 span {
    display: block;
    font-size: 31px;
    text-transform: none;
    font-weight: normal;
}

.banner p {
    font-size: 25px;
    font-weight: 300; text-shadow:1px 2px 2px #000000c7;;
}
.choose-services {

    position: relative;
    overflow: hidden;
}
.choose-servicesS h3 { 
    position: relative;
    color: #595959;
    padding: 10px 0 10px 50px;
    font-size: 25px;
}

.choose-servicesC h3 {  
    position: relative;
    color: #fff;
    padding: 10px 0;
    font-size: 25px;
}
.choose-servicesC li strong {
    color: #004293;
    font-size: 22px;
}
.choose-services ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.choose-servicesC li p {
    color: #595959;
    font-size: 20px;
    line-height: 35px; padding-right: 90px; margin-bottom: 50px;
	font-weight: 300;
}

.choose-services .pl0 {  padding-left: 0;}
.choose-services .pr0 {  padding-right: 0;}
.choose-servicesC h3:before {
    position: absolute;
    width: 200%;
    height: 100%;
    background: #595959;
    content: "";
    z-index: -1;
    top: 0;
    left: -150%;
}

.choose-servicesC h3:after {
    position: absolute;
    width: 100%;
    height: 100%;     transform:skew(-15deg, 0deg);
    background: #595959;
    content: "";
    z-index: -1;
    top: 0;
    right: 0;
}
.choose-servicesC ul {
    padding-right: 50px;
}
.choose-servicesS ul {
    padding-left: 50px;
}
.choose-servicesS h3:before {
    position: absolute;
    width: 200%;
    height: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    top: 0;
    right: -190%;
}
.choose-servicesC {
    padding-top: 20px;
}
.choose-servicesS h3:after {
    position: absolute;
    width: 100%;     transform: skew(-15deg, 0deg);
    height: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
}
.choose-servicesS {
    position: relative; padding-top: 20px;
}

.choose-servicesS::before {
    background: #8bc74e;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    transform: skew(-15deg, 0deg);
    z-index: -1;
    top: 0;
    left: -72px;
}
.choose-servicesS li span {
    width: 90px;
    height: 90px;
    float: left;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 20px;
}
.choose-services::before {
    background: #8bc74e;
    width: 36%;
    height: 100%;
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
}
.choose-servicesS li {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
}
.choose-servicesS li:nth-child(1) {
    margin-left: -30px;
}
.choose-servicesS li:nth-child(2) {
    margin-left: -60px;
}

.choose-servicesS li:nth-child(3) {
    margin-left: -90px;
}

.choose-servicesS li:nth-child(4) {
    margin-left: -120px;
}

.choose-servicesS li:nth-child(5) {
    margin-left: -160px;
}
.choose-servicesS li small {
    float: left;
    font-size: 22px;
    font-weight: bold;
}

.slider-first .slick-slide img {
    max-width: 300px;
width:100%;     padding-bottom: 30px;
}
.slider-first .slick-dots li button:before {font-size: 25px;}
.slider-first {
    margin: 50px 0; padding-bottom: 25px;
}

.slider-first .slick-slide {
    position: relative;
}

/*.slider-first .slick-slide::before {
    background: #eeeeee;
    width: 76%;
    content: "";
    position: absolute;
    height: 84%;
    bottom: 30px;
    z-index: -1;
    left: 0;
    max-width: 350px;
}*/
.slider-first .slick-slide span {
    position: absolute;
    bottom: 0;
    right: 45px;
    max-width: 74%;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    z-index: 1;
    line-height: 28px;
    cursor: pointer;
}

.slider-first .slick-slide span .read-bio {
    display:none;
    padding-top:15px;
}

.slider-first .slick-slide span::after {
    background: #02a9e5;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg, 0deg);
    right: 40px;
}

.slider-first .slick-slide span::before {
    background: #02a9e5;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: -1;
}

.slider-first .slick-slide span.green::after, .slider-first .slick-slide span.green::before {
    background-color:#8bc74e;
}

.slider-first .slick-slide span.green .info {
    display:none;
}

.slider-first .slick-slide span.green .read-bio {
    display:block;
}

.team-member .bio {
    display:none;
}


span.small_imageR {
    background: #595959;
    display: block;
    padding:5px; text-align: center;
    margin: auto;
    height: 50px;
    display: flex;
    align-items: center;
}
.slider-second img {
    max-width: 200px;
    margin: auto;
    width: 100%;
}
span.small_imageR img {  width: 150px;  margin: auto;}

/*.slider-first div.slick-slide:nth-child(odd)::before {
    background: #cdcdcd;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1; top: 0;
}
.slider-first div.slick-slide:nth-child(even)::before {
    background: #eeeeee; top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}*/
 .slider-first .slick-slide {position: relative; }

.slider-second div.slick-slide:nth-child(odd)::before {
    background: #cdcdcd;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1; top: 0;
}
.slider-second div.slick-slide:nth-child(even)::before {
    background: #eeeeee; top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
 .slider-second .slick-slide {position: relative; }
.container-fluid.home_productR {  padding: 0;}

.slider-first button.slick-prev.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 10;
}
.slider-first button.slick-next.slick-arrow {
    position: absolute;
    top: 40%;
    right: 0;
}
.slider-first{  position: relative;}


.slider-second button.slick-prev.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 10;
}
.slider-second button.slick-next.slick-arrow {
    position: absolute;
    top: 40%;
    right: 0;
}
.slider-second{  position: relative;}
.home_productR h4 {
    font-size: 45px;
    font-weight: 300;
    position: relative;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
	color:#595959;
	
}
.home_productR h4 span {
    padding: 11px 25px;
    position: relative;

}
.home_productR h4 span::before {
    background: white;
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0;
    transform: skew(-15deg, 0deg);
}
.home_productR h4::before {
    background: #8bc74e;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
}
.home_productR h4 span::after {
    background: white;
    width: 80%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;

}
.featured_project .p0 {
    padding: 0!important;
}
.featured_project_inner {
    display: flex;
    align-items: center;
}
.featured_project_inner span {
    background: #02a9e5;
    clip-path: polygon(0% 0%, 97% 0, 100% 50%, 97% 100%, 0% 100%);
    font-size: 35px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    width: 115%;
    display: block;
}
.featured_project {
    padding: 50px 0;
    background: #eeeeee;
}
.featured_project_inner p {
    background: #004293;
    clip-path: polygon(96% 0, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%);
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    width: 117.5%;
    margin: 0;
    padding: 20px 60px;
    margin-left: -3%;
}
.featured_project_inner p a {
    display: block;
    color: #fff;
    font-weight: bold;
}
.featured_project_inner p a:hover {text-decoration: none;}
.featured_project_inner i {
    height: 500px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(88% 0, 100% 50%, 88% 100%, 0% 100%, 12% 50%, 0% 0%);
    display: block;
    background-position: center;
}
.featured_project_inner i.v {
    background-position: center right;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
    width: 97.5%;
    margin-left: 2.5%;
    background-size: contain;
    background-color: #000;
}
.slider-first button.slick-arrow, .slider-second button.slick-arrow {
    width: 100px;
    height: 43px;
}

.slider-first button.slick-prev.slick-arrow::before, .slider-second button.slick-prev.slick-arrow::before {
    width: 2px;
    height: 24px;
    content: "";
    position: absolute;
    background: #02a9e5;
    transform: rotate(149deg);
    bottom: -2px;
}

.slider-first button.slick-prev.slick-arrow::after, .slider-second button.slick-prev.slick-arrow::after {
    width: 2px;
    height: 24px;
    content: "";
    position: absolute;
    background: #02a9e5;
    transform: rotate(30deg);
    top: 0;
}

.slider-first button.slick-next.slick-arrow::before, .slider-second button.slick-next.slick-arrow::before {
    width: 2px;
    height: 24px;
    content: "";
    position: absolute;
    background: #02a9e5;
    transform: rotate(213deg);
    bottom: -2px;
    right: 20px;
}

.slider-first button.slick-arrow:hover::before, .slider-first button.slick-arrow:focus::before, .slider-first button.slick-arrow:visited::before,.slider-first button.slick-arrow:active::before,.slider-first button.slick-arrow::before,
.slider-first button.slick-arrow:hover::after, .slider-first button.slick-arrow:focus::after, .slider-first button.slick-arrow:visited::after,.slider-first button.slick-arrow:active::after ,.slider-first button.slick-arrow::after{
    background: #02a9e5!important; opacity: 1;
}

.slider-second button.slick-arrow:hover::before, .slider-second button.slick-arrow:focus::before, .slider-second button.slick-arrow:visited::before,.slider-second button.slick-arrow:active::before,.slider-second button.slick-arrow::before,
.slider-second button.slick-arrow:hover::after, .slider-second button.slick-arrow:focus::after, .slider-second button.slick-arrow:visited::after,.slider-second button.slick-arrow:active::after ,.slider-second button.slick-arrow::after{
    background: #02a9e5!important; opacity: 1;
}
.slider-first button.slick-next.slick-arrow::after, .slider-second button.slick-next.slick-arrow::after {
    width: 2px;
    height: 24px;
    content: "";
    position: absolute;
    background: #02a9e5;
    transform: rotate(-30deg);
    top: 0;
    right: 20px;
}

.mobile_banner {display: none;}

div#navbarNavDropdown ul ul li a:hover {
    background: transparent;
}

div#navbarNavDropdown ul li a:after { display: none;}
div#navbarNavDropdown ul ul {
    width: 350px;
    position: absolute;
    padding: 20px;
    border: none; margin-top: 0;
    border-radius: 0;
}
div#navbarNavDropdown ul ul li a, div#navbarNavDropdown ul li.menu-item-has-children.show li a {
    color: #04afe9;
    padding: 0; font-weight: normal;
}
div#navbarNavDropdown ul ul li { width: 48%;  float: left;  margin: 0; padding: 1%;}

span.menu-class {
    padding: 10px 10px 10px 30px;
    position: relative;
    width: 115px;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}



span.menu-class::before {
    transform: skew(-17deg, 0deg);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #8bc74e;
    z-index: -2;
    left: 0;
    top: 0;
}
.blue_left {
    transform: skew(-17deg, 0deg);
    padding: 0 50px 0 0;
    width: 69%;
}
.blue_left div {transform: skewX(17deg);}
.heading_blue_top {
    background: #004293;
    margin: 20px 0;
    padding: 10px 0;
}
.common_section_banner h5 {color: #004293;  font-size: 22px; font-weight: bold;}
.common_section_banner p { color: #595959;  font-size: 20px; line-height: 35px;font-weight: 300;}
.heading_blue_top h3 {  margin: 0;   font-size: 25px;    color: #fff;}
.common_section_banner { position: relative;  overflow: hidden;}
.blue_right {
    position: absolute;
    top: 0;
    right: 0;
    height: 500px;
    width: 42%;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
}
.blue_right div {
    background-position: center;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
}
.blue_right::before {
    background: rgba(255,255,255,0.6);
    width: 100%;
    height: 51px;
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
}
.choose-servicesS .nav-tabs  {border: none;}
.about_services_section .choose-servicesS li span {
    width: 90px;
    height: 90px;
    background-position: center top 1px;
    background-size: cover;
}
.about_services_section .choose-servicesS li:hover span, .about_services_section .choose-servicesS li a.active span,  .about_services_section .choose-servicesS li a.active span  {
    background-position: center bottom 1px;
}
.about_services_section .choose-servicesS li:hover a, .about_services_section .choose-servicesS li a.active  {
    color: #004293;
}
.about_services_section .choose-servicesS li {
    margin-left: 0;
    display: flex;
    width: 100%;
}

.about_services_section .choose-servicesS li a {
    color: #fff;
    align-items: center;
        display: contents;
}

.about_services_section .choose-servicesS::before {
    left: -100px;
}
.about_services_section { overflow: hidden;}
.about_services_section .choose-servicesS h3:before { display: none;}
.about_services_section .choose-servicesS h3:after { left: -27px;}
.about_services_section .tab-content { padding: 0 15%; }

.all_productMain ul {
    padding: 0;
    margin: 0 0 20px;
    list-style: none; width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.all_productMain ul li { margin-bottom: 20px; position: relative;}
.all_productMain li a { background: #cdcdcd; display: block; position: relative;     transition: all 0.3s;}
.all_productMain li:nth-child(even) a { background: #eeeeee;}
.all_productMain .product img { height: 200px;  margin: auto;}
.all_productMain .product { text-align: center;  padding:15px 0 }
.all_productMain p.Onhover {
    text-align: center;
    font-size: 25px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    display: none;     background: #8bc74e;
}
.all_productMain li:hover a, li:hover span.small_imageR { background: #8bc74e;}
.all_productMain ul li:hover p.Onhover { display: block;}
#wrapper-navbar .navbar-dark .navbar-toggler {display: none;}


/** Single product **/
.left-cornerProductimg {background: #02a9e5;   display: flex;  align-items: center;  text-align: center;  height: 90px;     width: 88%;}
.left-cornerProductimg img {   max-width: 200px;  width: 100%;    margin: auto;}
.left-cornerProductimg {  position: relative;}
.left-cornerProductimg::before {
    width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-left: 52px solid #02a9e5;
    border-bottom: 45px solid transparent;
    position: absolute;
    content: "";
    right: -52px;
    top: 0;     z-index: -1;
}
.productSingle_topbar {margin-top: 20px;}
.productSingle_topbar .p0 , .singleProductListV .p0{padding: 0;}
.topHeading {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 90px;
    height: 100%;
}
.topHeading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 90px;
    height: 100%;
    text-align: left;
}
.topHeading h2 {
    margin: 0;
    display: block;
    text-align: left;
    padding-left: 15px;
    font-weight: normal;
    font-size: 27px;
    color: #595959; text-transform: capitalize;
}
.topContent ul {  margin: 30px 0;  padding: 0;    list-style: none;}
.topContent h3 { color: #004293;  font-size: 22px;}
.topContent p {
    color: #595959;
    font-size: 20px;
    line-height: 35px;
}
a.all_producttopbar {
    background: #595959;
    padding: 15px 20px;
    margin-right: -15px;
    color: #fff;
    font-size: 23px;
    max-width: 250px;
    width: 100%;
    text-align: center;
}
a.all_producttopbar:hover {text-decoration: none;}

.singleProductListV .ProductListVimg { float: left; width: 40%; text-align: center; margin-top: 20px; padding-left: 35px;}
.singleProductListV div#myTabContent { width: 60%; float: right; margin-top: 40px;}
.singleProductListV .ProductListVimg img {
    width: 95%;
    max-width: 250px;
    margin: auto;
}
.singleProductListV {
    background: #eeeeee;
    padding-bottom: 40px;
    border-bottom: 1px solid #004293;
}
.singleProductListV .left-cornerProductimg {background: #004293;}
.singleProductListV .left-cornerProductimg::before {  border-left-color: #004293; z-index: 0;}
.left-cornerProductimg h3 {
    font-size: 25px;
    color: #fff; text-align: center;
    margin: 0 0 0 10px;
}
.singleProductListV ul.nav li a:hover {text-decoration: none;}
.singleProductListV ul.nav li a { border-radius: 0; width: 88%; color: #595959;     border-bottom: 1px solid #02a9e5;}
.singleProductListV ul.nav li:last-child a {  border: none;}
.singleProductListV ul.nav li a.active {
    background: #595959; border-color: #595959;
}
.singleProductListV ul.nav li {width: 100%;}
.singleProductListV .tab-content .tab-pane a {
    background: #02a9e5;
    display: inline-block;
    padding: 10px 20px;
    margin: 20px 0 0 0;
    float: left;
    color: #fff;
}
.singleProductListV .tab-content .tab-pane ul {width: 80%;}
.singleProductListV .tab-content .tab-pane ol {    list-style: none;}
.singleProductListV .tab-content .tab-pane li {
    font-size: 19px;
    color: #595959;
    margin-bottom: 20px;
}
.video_SP div {
    width: 100%;
    height: 400px;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media(max-width:991px) {
    .video_SP div {
        background-size: auto 100%;
    }
}

.video_SP {
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 13% 50%, 0% 0%);
    background: #000;
    padding: 20px;
}

a.all_producttopbar:hover, .singleProductListV .tab-content .tab-pane a:hover {
    color: #fff;
    text-decoration: none;
}
.about_services_section .tab-content p {
    color: #595959;
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
}
a.all_producttopbar:hover {
    background-color: #8bc74e;
}
nav.navbar.navbar-expand-md.navbar-dark .container {
    justify-content: flex-start;
}

/* Nav Code New */


@media screen and (min-width:769px)
{

span.menu-class {
    display: none;
}

ul#main-menu {
    opacity: 0;
	  margin-left: 23px !important;	  
    height: 38px;
	 font-size: 0;

}


div#navbarNavDropdown:before {
    position: absolute;
    content: 'Menu';
    color: #fff;
    text-align: center;
    left: 16px;
    right: 0;
    font-weight: 600;
    padding: 7px;
	    height: 38px;
}
div#navbarNavDropdown {
    padding: 0;
    z-index: 3;
    position: relative;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
    max-width: 115px;
}
div#navbarNavDropdown:hover #main-menu {
    opacity: 1;
	    font-size: inherit;
}

div#navbarNavDropdown:hover {
    max-width: 620px;
    width: 100%;
}
div#navbarNavDropdown::after {
        right: 0px
}
div#navbarNavDropdown:hover:before {
    content: '';
}
div#navbarNavDropdown:not(:hover) #main-menu * {
    width: 0;
}


}







@media screen and (min-width: 2200px) {
.featured_project_inner p {
    clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0% 100%, 3% 50%, 0% 0%);
    width: 116.5%;
    margin-left: -2%;
}
}
@media screen and (min-width: 1300px) {
.home .choose-servicesS {
    width: 540px;
}
}

@media screen and (max-width: 2299px) { .blue_right {width: 42%;} }

@media screen and (max-width: 1500px) {
.blue_right {  width: 38%;}
.about_services_section .choose-servicesS ul {padding-right: 100px;}
.about_services_section .tab-content { padding: 0 10%; }
.about_services_section .choose-servicesS li small {line-height: 26px;     width: 68%;}
.left-cornerProductimg img {margin-left: 10px;}
.featured_project_inner p {
    clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
    width: 118.5%;
    margin-left: -4%;
}
}


@media screen and (max-width: 1199px)  {
	.featured_project_inner p {
    font-size: 20px;
}
.page-template-about-us .choose-servicesS h3 {
    width: 100vw;
}
	
	
a.navbar-brand.custom-logo-link img {max-width: 250px;}  
div#navbarNavDropdown ul li a {font-size: 16px;}  
span.menu-class {font-size: 17px;     padding: 9px 30px 9px 30px;}
.slider-second img {max-width: 100px;}
.about_services_section .choose-servicesS ul {padding-left: 10px;}
.about_services_section .choose-servicesS::before {left: 0;}
.about_services_section .choose-servicesS::after {
    width: 100%;
    height: 100%;
    background: #8bc74e;
    position: absolute;
    content: "";
    left: -100px;
    top: 0;
    z-index: -2;
}

}

@media screen and (max-width: 990px) {
    #wrapper-navbar .navbar .container {justify-content: flex-start;}
}

@media screen and (max-width: 800px) {

    .absolute_top_bar * {font-size: 15px;}
    .absolute_top_bar ul {display: none;}
    div#navbarNavDropdown.result_hover ul#main-menu { margin: auto;}
    div#navbarNavDropdown.result_hover {margin: auto;}
    #wrapper-navbar .navbar .container {    justify-content: flex-start;}
    .clip-banner {padding:15px 0;}
    .banner h2 {font-size: 30px; margin-bottom: 20px;}
    .banner h2 span {font-size: 25px;}
    .mobile_banner {display: block;     width: 100%;
    height: 200px;
    background-position: bottom right;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;}
    div#navbarNavDropdown ul li {margin-left: 15px;}
    div#navbarNavDropdown {  background: #8bc74e;  position: absolute;  width: 100%;  top: 100%;  z-index: 100;     padding: 0 15px 0 0; left: 0; right: 0;}
    .banner p {    font-size: 20px;}
.banner {    background-image: none!important;     background-color: #595959;}
.clip-banner div {width: 100%;}
.navbar-dark .navbar-toggler:active, .navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:visited{outline: none;}

    .clip-banner::before {left:0; 
    background: #595959;}
    .choose-services .pl0 { padding-left: 15px;  background: #8bc74e;}
    .choose-services .pr0 { padding-right: 15px;}
    .choose-servicesS {padding-top: 0;}
    .choose-servicesS ul {padding-left: 0;}
   .clip-banner::before, .choose-servicesS::before{    transform: none;}
    .choose-services::before, .home_productR h4::before, .choose-servicesC h3:before, .choose-servicesC h3:after,.choose-servicesS h3:after, .choose-servicesS h3:before, .choose-servicesS::before,div#navbarNavDropdown::after {display: none;}
    .choose-servicesS li:nth-child(1), .choose-servicesS li:nth-child(2), .choose-servicesS li:nth-child(3) , .choose-servicesS li:nth-child(4), .choose-servicesS li:nth-child(5) {margin-left: 0;}
  
    
    .home_productR h4 {font-size: 30px; text-align: center;}
    .choose-servicesC li p, .choose-servicesC ul {padding-right: 0;}
    .choose-servicesC h3 {background: #595959; text-align: center;}
    .slider-first .slick-slide img  {max-width: 80%;}
    
    .choose-servicesS li small {width: 70%;}
    .choose-servicesS h3 {font-size: 36px;
    color: #fff;
    padding: 0;}
    button.navbar-toggler {
    background: #05afe9;
    width: 100%;
    border-radius: 0;
}

.featured_project_inner span {  clip-path: none; width: 100%;}
.featured_project_inner i { height: 200px;    clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 10% 50%, 0% 0%);}
.featured_project_inner p {     padding: 10px;    font-size: 20px; margin: 0;     width: 100%;     margin-left: -2.5%;}
.featured_project_inner span  br {  display: none;}

.blue_right { width: 100%;    height: 200px;  top: 65px;  clip-path: none;}
.blue_right div { clip-path: none; transform:none;}
.heading_blue_top h3 {text-align: center; display: inline-block; width: 100%;}
.blue_right::before {display: none;}
.blue_left {    width: 100%;  margin-top: 200px; padding: 0;}

.about_services_section .choose-servicesS h3 {
    color: #595959;     background: #fff;
    text-align: center;
} 
.about_services_section .choose-servicesS ul {
    padding-right: 0;
    background: #8bc74e;
    padding: 10px;
    margin-bottom: 10px;
}
.about_services_section .choose-servicesS {padding-top: 20px; background: #8bc74e;}
.about_services_section .tab-content {  padding: 0;   margin-bottom: 50px;}

    a.all_producttopbar{font-size: 18px; max-width: 150px;}
    .topHeading h2 {padding-right: 10px; font-size: 24px;}
    .left-cornerProductimg::before {    border-bottom: 40px solid transparent;     border-top: 40px solid transparent;     border-left: 40px solid #02a9e5;     right: -40px; }
    .left-cornerProductimg {    height: 80px;}
  .singleProductListV .left-cornerProductimg h3 {font-size: 20px;}
  .featured_project_inner i.v {
    width: 100%;
   margin: 10px 0 0;
    background-position: center;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
}
}



@media screen and (max-width: 700px) {
.featured_project_inner p {
    margin-left: 0;
}
.featured_project_inner i.v {
    margin: 0;
}
div#navbarNavDropdown.result_hover {display: block;}
div#navbarNavDropdown ul li.show ul {  display: block;}
div#navbarNavDropdown ul ul {    width: 90%;  float: left; border-bottom: 3px solid #06aee7;  position: relative; padding: 10px; display: block;}

.productSingle_topbar .p0 , .singleProductListV .p0 {width: 50%;}
a.all_producttopbar {margin-right: 0;}
a.all_producttopbar {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -72px;
    margin-bottom: 0;
}
.absolute_top_bar{display: none;}
}



@media screen and (max-width: 500px) {
 
.absolute_top_bar {display: none;}
div#navbarNavDropdown.result_hover {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    display: block;
}
a.navbar-brand.custom-logo-link {padding-left: 45px; left: -35px;}
span.menu-class {margin-left: -33px; width: 86px;}
.featured_project_inner i, .featured_project_inner p, .featured_project_inner i.v {
    clip-path: none;
}
    .singleProductListV .ProductListVimg {  width: 100%;  padding: 0;}
.singleProductListV .tab-content .tab-pane ul {width: 100%;}
.singleProductListV .ProductListVimg img {  max-width: 100px;}
.singleProductListV div#myTabContent {  width: 100%;  margin: 0 0 10px;}
.projectst-right-image {
    order: -1;
}
.projectst-right-image .pj-description {
    display: block;
}
.projectst-tabs-details .pj-description h4 {display: none;}
}

@media screen and (max-width: 350px)  {

a.navbar-brand.custom-logo-link img {  max-width: 188px;}
a.all_producttopbar {margin-top: -75px; font-size: 17px; max-width: 100px;}
}