

/*------------ Sign in ----------------*/
@media screen and (max-width:767px){
.sign-in-sec {
    flex-wrap: wrap;
}
.sign-in-cnt {
	margin: 14px 0;
    padding: 0 10px;
}
.sign-in-cnt h6 {
    margin-bottom: 22px;
}
.sign-group {
    flex: 100%;    margin-right: 0;
}
.sign-up-page .col-md-12 {
    padding: 0 15px;
}

.sign-logo-img {
    padding-left: 0;    margin-bottom: 30px;
}
.sign-up-form {
    padding-left: 0;    padding-bottom: 20px;
}
.sign-up-form h6 {
    margin-bottom: 26px;
}
.full-form {
    padding-left: 0;
}
.my-profile .sign-up-group {
    width: 100%;
    margin-right: 0;
        margin-bottom: 20px;
}
.my-profile .sign-up-group input {
    width: 100%;
}
.sign-up-img {
    display: none;
}
.full-form h5 {
    margin-bottom: 33px;
}
.sign-in-sec img {
    display: none;
}
.sign-group input {
    width: 100%;
}

/*------------ My account-page -----------------*/
.my-account-form {
    padding-left: 0;
    padding: 0 15px;
}

.my-acc-profile {
    padding-left: 0;
}

.full-width-form .my-acc-profile .sign-up-group {
    width: 100%;
    margin-right: 0;
}
.full-width-form .sign-up-group{
    width: 100%;
    margin-right: 0;
}

.company-org-info {
    padding-left: 0;
}

.my-account-form .full-width-form {
    padding-left: 0;
}

p.form-sub-head.two-join span {
    width: auto;
}

.sub-but {
    padding-left: 0;
    text-align: center;
}

.my-acc-form:before {
    display: none;
}

/*------------ End My account-page -----------------*/

/*------------- Home Page ---------------*/


.header {
    position: relative !important;
    background: #5fbd68;
}

.head-menu {
    width: 25%;
    padding: 0;
}

.header .container {flex-wrap: wrap;}

.car-menu {
    width: 75%;
    justify-content: flex-end;
}

div#collapsibleNavbar {
    position: absolute;
    width: 1000px;
    top: 53px;
    background: #767676;
    left: 0px;
}

.bucket-icon {
    margin: 0 5px;
}

.bucket-icon p {
    color: #fff;
}

.bucket-icon img {
    filter: brightness(100);
}

.my-acc p {
    color: #fff;
}

.head-menu button {
    border-color: #fff !important;
}

.header .logo {
    padding-bottom: 20px;
    text-align: center;
}

.bucket-icon span.num {
    background: #fff;
    color: #5fbd68;
}

.banner-sec {
    clear: both;
    display: flex;
}

.banner-detail {
    width: 100%;
}

.banner-sec .container {
    position: relative;
    height: auto;
}

.banner-cnt h6 {
    color: #5fbd68;
    width: 100%;
    font-size: 24px;
    line-height: normal;
}

.banner-cnt {
    flex-wrap: wrap;
    margin-top: 16px;
    text-align: center;
}

.banner-cnt h2 {
    font-size: 24px;
    width: 100%;
}

.banner-cnt p {
    color: #333;
    margin-top: 0;
}

.we-are {
    padding: 24px 0;
}

.we-are .container {
    flex-wrap: wrap;
}

.we-are img {
    width: 100%;
}

.we-are-cnt {
    padding: 12px 19px;
}

a.lear-more {
    width: auto;
}

.featured-doc h2 {
    font-size: 28px;
    text-align: center;
}

.featured-doc .container {
    padding: 0 15px;
}

.featured-doc h2:after {
    display: none;
}

.prod-sec {
    width: 289px;
    margin-right: 0;
    margin-bottom: 20px;
}

.feature-sec {
    justify-content: center;
}

.updated h2 {
    font-size: 28px;
    text-align: center;
}

.updated h2:after {
    display: none;
}

.update-name {
    width: 100%;
    text-align: center;
}

li.update-list {
    flex-wrap: wrap;
}

.update-list span {
    width: 100%;
    text-align: center;
}

.updated-prs {
    width: 100%;
}

.updated .container {
    padding: 0 15px;
}

.social {flex-wrap: wrap;justify-content: center;align-items: center;}

.foot-menu ul {
    flex-wrap: wrap;
}

.foot-menu ul li {
    margin: 0 19px;
}

.foot-logo {
    margin-bottom: 20px;
}

.contact-foot {
    padding: 35px 0;
    flex-wrap: wrap;
}

.contact-foot .col-lg-4 {
    margin-bottom: 20px;
}

.head-cnt-sec {
    position: relative;
    width: auto;
}

.testimonial h2 {
    text-align: center;
    line-height: normal;
}

.testimonial .container {
    padding: 0 15px;
}
.head-cnt-sec p {
    padding: 11px 18px;
}
.testi-cnt {
    width: 100%;
    text-align: CENTER;
        margin-bottom: 230px;
}
.testimonial.content .owl-dots{
    display: none;
}

.testi-profile {
    padding: 21px 41px 5px;
    margin: 0 auto;
    width: 92%;
}
.full-width-form .company-org-info .sign-up-group{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.Collapsible__trigger{
    margin-bottom: 0;
    font-size: 15px;
}

.docum-head p{
    display: none;
}
.col-lg-6.col-md-12.check-out-left {
    padding-right: 30px;
}

.testi-page-sec {
    padding: 41px 15px 63px 15px;
    top: 228px;
    left: 9px;
        width: 94%;
}
.header ul li.nav-item a {
    color: #fff !important;
}
ul.acc-list {
    left: -54px;
    top: 57px;
}
.foot-menu {
    justify-content: center;
    align-items: center;
    display: flex;
}
.head-cnt-sec:before{
    display: none;
}
.ban-search {
    width: 100%;
}

/*------------- End Home Page ---------------*/

/*---------------- Product page -------------*/
.product-left-img img {
    width: 100%;
}
.product-left-img ul {
    width: 253px;
}
.product-left-img img {
    width: 100%;
}

.product-right-cnt {
    margin-top: 69px;
    padding: 0 15px 0 15px;
    text-align: center;
}

.product-right-cnt h2 {
    line-height: normal;    text-align: center;
}

.product-right-cnt span {
    justify-content: center;
}
.product-description {
    margin-top: 50px;
    text-align: center;
    padding: 0 15px 16px;
}
.social-icn {
    justify-content: center;
}

/*---------------- End Product page -------------*/
/*--------------------- Cart page--------------*/
.cart-table-sec {
    overflow-x: scroll;
}

table#cart-sec {
    width: 1000px;
}

.bread-cam {
    flex-wrap: wrap;
    padding: 0 15px;
        margin-bottom: 10px;
}
.left-breat {
    width: 100%;
    text-align: center;
}
.bread-cam h2 {
    text-align: center;
    margin-top: 12px;    width: 100%;
}
.table-but {
    justify-content: center;
}
.table-but button {
    padding: 4px 12px;
}

.popup-search-list{
    padding: 15px 27px;
}
.search_list ul li{
    width: 100%;
}
.tab-con-sec ul{
    flex-flow: column;
}
.tab-con-sec p{
    padding-right:0px;
}
.tab-content-box {
    width: 100%;
}
li.nav-item {
    margin: 0 9px;
}


}


@media screen and (min-width:568px) and (max-width:767px){
.sign-group {
    flex: 47%;
    margin-right: 10px;
}
.my-account-sec .sign-up-group {
    width: 47%;
    margin-right: 14px;
}
p.form-sub-head.two-join span {
    width: 47%;
}
.prod-sec {
    width: 246px;
    margin-right: 14px;
    margin-bottom: 20px;
}
.contact-foot {
    flex-wrap: nowrap;padding-bottom: 0;
}


}



@media screen and (min-width:768px) and (max-width:1023px){
.sign-group {
    flex:100%;
    margin-right: 10px;
}
.sign-up-page .col-md-12 {
    padding: 0;
    flex: 50%;
}
.sign-logo-img {
    padding-left: 24px;
}

.sign-up-form {
    padding-left: 24px;margin-bottom: 20px;
}.sign-logo-img {
    margin-bottom: 22px;
}
.full-form {
    padding-left: 0px;
}
.my-profile .sign-up-group {
    width: 100%;margin-bottom: 19px;
}
.my-profile .sign-up-group input {
    width: 100%;
}
.full-form h5 {
    margin-bottom: 35px;
}
.sign-up-form h6 {
    margin-bottom: 30px;
}
.sign-in-sec .col-md-12 {
    flex: 50%;
}
.sign-in-cnt {
    margin: 0 8%;
}
.sign-group input {
    width: 100%;
}
.my-account-sec .sign-up-img {
    display: none;
}
.my-account-form {
    padding-left: 20px;
}

.full-width-form .sign-up-group {
    width: 30%;
}
p.form-sub-head.two-join span {
    width: 30%;
}
.product-left-img {
    text-align: center;
    margin-bottom: 62px;
}

.product-right-cnt {
    text-align: center;
}
.product-right-cnt span {
    justify-content: center;
}
.featured-doc .container {
    padding: 0 15px;
}
.prod-sec {
    width: 46.2%;
    margin-bottom: 20px;
}
.pro-img img {
    width: 100%;
}
.social-icn {
    width: auto;
    max-width: fit-content;
}

.foot-logo {
    max-width: 34%;
}
.contact-foot {
    flex-wrap: wrap;
}
.social-icn {
    max-width: 30%;
}
.contact-foot .col-lg-4 {
    max-width: fit-content;
    margin: 0 35px;
}
.foot-menu {
    max-width: 35%;
}

.foot-menu ul li {
    margin: 0 16px;
}
.header {
    background: #5fbd68;
}

.header .container {
    flex-wrap: wrap;
}

.header .logo {
    max-width: 30%;
}

.header .head-menu {
    max-width: 44%;
}

.header .car-menu {
    max-width: 26%;
    padding: 0;
}

.header .head-menu ul li a {
    color: #fff !important;
    font-size: 12px;
    padding: 0;
}

.header .head-menu ul li {
    margin: 0 2px;
}

nav.navbar {
    padding: 21px 0;
}

.bucket-icon {
    margin: 0 10px;
}

.bucket-icon img {
    filter: brightness(100);
}

.bucket-icon p {
    color: #fff;
    font-size: 12px;
    margin-left: 3px;
}

.my-acc p {
    color: #fff;
    font-size: 12px;
}

img.pro-icon {
    margin-right: 5px;
}
ul.acc-list {
    left: -83px;
}
ul.acc-list:before {
    left: 118px;
}
.updated {
    padding: 10px 15px 10px;
}
.head-cnt-sec p {
        padding: 11px 21px;
    margin-right: 10px;
}
.head-cnt-sec {
    top: 0px;
}
.head-cnt-sec:before {
   width: 18%;
    left: -4em;
    top: 39px;
}
.testimonial .container {
    padding: 0 15px;
}
.testi-page-sec {
    width: 93%;
    right: -83px;
    top: 6em;
    padding: 41px 25px 47px 203px;
}
.header.home-head {
    position: relative;
}
.banner-cnt h6 {
    font-size: 30px;
}
.banner-cnt h2 {
    font-size: 29px;
}
.banner-cnt p {
    width: 42%;
    margin-top: 5px;
}
.ban-search {
    width: 40%;
}
.we-are .container {
    flex-wrap: wrap;    text-align: CENTER;
}
.we-are {
    padding: 55px 0;
}
a.lear-more {
    margin: 0 auto;
    margin-top: 45px;
}


}

@media screen and (min-width:1024px) and (max-width:1200px){
.sign-in-cnt {
    margin: 0 10%;
}
/*---------sign-Up -----------*/
.full-form {
    padding-left: 0px;
}
.my-profile .sign-up-group {
    width: 45%;
}
.my-acc-profile .sign-up-group {
    width: 45%;
}

.company-org-info .sign-up-group {
    width: 46%;
}

.full-width-form .sign-up-group {
    width: 22%;
}
.product-left-img img {
    width: 100%;
}
.product-right-cnt {
    padding: 0 41px 0 41px;
}
.product-right-cnt h2 {
    line-height: 80px;
    font-size: 26px;
}
.product-left-img ul {
    width: 51%;
}
.featured-doc {
    padding: 0 15px;
}
.prod-sec {
    width: 23%;
    margin-right: 19px;
}
li.nav-item {
    margin: 0 5px;
}
.header {
    padding: 13px 0;
}
.we-are img {
    width: 100%;
}
.we-are-cnt {
    padding: 12px 25px;
}
.updated .container {
    padding: 0 15px;
}
.testimonial .container {
    padding: 0 15px;
}
.head-cnt-sec {
    top: 0px;
    right: 29px;
}
.head-cnt-sec:before {
    top: 40px;    left: -9em;    width: 29%;
}
.head-cnt-sec p {
    padding: 11px 59px;
}
.header.home-head .logo{

}
.logo {
    padding: 0 15px;
}
ul.acc-list {
    left: -55px;
}
ul.acc-list:before {
    left: 108px;
}

}	
/*------------End Sign in ----------------*/