h4{ max-width: 1200px; margin-left: auto; margin-right: auto;}
#connect:before{ background-image: none !important;}

.cutom-h4 {
    padding-bottom: 19px;
}
.valign-wrapper {
    justify-content: center !important;
}
section#one h1 {
    margin-top: 0px !important;
}
#six .card {
    min-height: 500px !important;
}
@media screen and (max-width: 1565px)
{
h4.h4-second-section {
    font-size: 25px;
    /* line-height: 97px; */
}
#two .dots {
    bottom: -65px !important;
    /* left: 92%; */
        left: 88% !important;

}
.section-three-six .dots {
    
    padding-top: 29px;
    
}
img.dots.dot-right-section {
    right: 71px;
    top: -49px;
}
img.dots.footer-right {
    
    top: 0px;
    
    right: 63px !important;
    
    left: unset !important;

}
img.dots.our-product-buttom {
    z-index: 0;
    /* right: 64px !important; */
    /* left: unset !important; */
    top: 23px !important;
    /* bottom: unset; */
}
h4.styled-custom {
    
    padding-bottom: 38px;
}

.card-margin {
    margin-top: -34px;
    margin-bottom: 30px;

}
}

img.img-responsive {
    width: 100%;
}
#seven-custom .dots:nth-child(2) {
    bottom: 100 !important;
    bottom: -51px;
    top: unset;
    left: 85px;
}
#four-custom .dots {
    left: 80px;
    top: 0;
}
#four-custom .dots:nth-child(2) {
    bottom: 100 !important;
    bottom: -51px;
    top: unset;
    right: 85px !important;;
}
.collapsible-header {
    font-weight: bold;
}
img.dots.toggle-dots {
    left: 80px;
    
    top: unset;
   
    bottom: 42px !important;
    top: unset !important;
}

@media only screen and (max-width: 1280px){
    .overflow-image{
        overflow-x: scroll  !important;
    }
}


@media only screen and (max-width: 600px) {

    #six .card h6{
        font-size: 1rem !important;
    
    }

img.img-responsive {
    width: 100% !important;
}
}


section#seven-custom .styled.left:before {
    display: none;
}


@media (min-width: 768px) and (max-width: 1024px) {

img.dots {
   
    width: 85px !important;
    
}
h4 br, p br {
    display: none !important;;
}
.header-text {
    vertical-align: middle !important;
    padding-top: 30px !important;

}
}
@media (min-width: 601px) and (max-width: 767px) {

img.dots {
   
    width: 83px !important;
    
}
.overflow-image
{
overflow-x: scroll !important;
}
h4 br, p br {
    display: none !important;
}
}
@media only screen and (max-width: 600px)

{
    .collapsible-header{ font-size: 0.85rem;}
    #six .owl-carousel .wrap{ margin-top: 0 !important;}
    #six .icon{  width: 100px!important;}
.col-custom{
Width:100% !important;
}
section#two .valign-wrapper {
    display: block !important;
}
section#four-custom .m2 {
    display: none;
}
#six .card {
    min-height: 440px !important;
}
}