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

}
@media (min-width: 1100px) and (max-width: 1366px) {

}
@media (min-width: 380px) and (max-width: 411px) {

}
@media (max-width: 414px) and (min-width: 411px){

}
@media (min-width: 321px) and (max-width: 360px) {

}
@media (min-width: 361px) and (max-width: 375px) {}
@media screen and (max-width: 320px) {

}
@media (max-width: 991px) and (min-width: 768px){}
@media (min-width: 415px) and (max-width: 768px) {}
@media screen and (max-width: 767px) {}
@media (max-width: 320px){}
@media(max-width: 767px){}
@media(max-width: 767px){


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

nav {
    padding: 0 10px;
}
div#menu-button {}
 #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
        right: -259px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #1a1472;
    border-bottom: 2px solid #1a1472;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
        right: -259px;
    display: block;
    height: 2px;
    width: 20px;
    background: #1a1472;
    content: '';
  }

 .outerWarp .main .sideBarLeft, .outerWarp .main .sideBarRight { min-height: 1px; }

}

@media(max-width: 767px){

.main-carousel .logoSlider  { padding: 0 0; }
.header-section {
    padding: 20px 0px;
}
.colllm1 h3 {
    text-align: center !important;
}
.stp22 .orangg {
    text-align: center !important;
}
.stp333 {
    padding-top: 0;
}
.col-md-6.col-sm-12.col-xs-12.slide1 h3, .col-md-6.col-sm-12.col-xs-12.slide1 p {
    text-align: center;
}
.colllm3 h3 {
    text-align: center !important;
}
.text-aliment h1 {
    padding-top: 0px;
    font-size: 28px;
    padding: 0px 24px 0px 24px;
}
.header-button-crerate {
    font-size: 13px;
    height: 50px;
    padding: 0px 15px;
    right: 0;
}
input.header-input {
    width: 93%;
}
.text-aliment p {
    font-size: 14px;
    margin: 11px auto 0;
    max-width: 100%;
}
section.know-more {
  display: none;
}
.col-md-6.image-slide {
    position: relative;
    top: -90px;
}
.slide-rightt {
    top: -190px;
}
.slide-rightt h2 {
    font-size: 26px;
    top: 0px;
    left: 10%;
}
button.slider-button {
    top: 283px;
    left: 43px;
}
.owl-carousel .owl-nav {
    width: 73% !important;
    left: 50px;
    top: calc(-68% - 4px) !important;
}
.hw-we-wrk h2 {
    font-size: 35px;
    padding: 30px 24px 0px 24px;
}
.hw-we-wrk p {
    max-width: 100%;
    }
div#c2 {
    top: 80px;
    padding-left: 30px;
    padding-right: 70px;
}
.gradient-search {
    padding: 37px 0px;
}
ul.create-my-style {
    padding: 0px;
}
.my-input input {
    width: 100%;
    min-width: 330px;
    font-size: 17px;
    left: 0px;
}
button.create-my-logo {
    right: 0;
    top: 20px;
}

.brand-name .owl-next span {
    right: -16px ;
    top: -3px;
}

.brand-name .owl-next span:hover{
    right: -1px !important;
    padding: 0 25px 10px 20px;
    transition: all .5s ease .5s;
}
.col-sm-4.col-xs-4 {
    margin: 0;
    padding: 8px;
    margin-top: -30px;
}
footer#footer-4 {
    display: none;
}
footer.footer2 {
    margin-top: 20px;
}
.logo-head {
    font-size: 30px;
}
.logo-headp {
    font-size: 13px;
}
.brand-name .owl-prev span {
    margin-left: -104px;
    position: relative;
    top: -3px;
    background-image: linear-gradient(to right , #7108d8bf, #ffffff9e);
    opacity: 0;
}
.faq {
    padding-left: 0px;
    padding-right: 0px;
}
span.quee1, span.quee2, span.quee3, span.quee4, span.quee5, span.quee6 {
    padding-left: 5px;
    padding-right: 5px;
}
.que1:hover span.quee1, .que2:hover span.quee2, .que3:hover span.quee3, .que4:hover span.quee4, .que5:hover span.quee5, .que6:hover span.quee6 {
    padding-left: 5px;
    transition: all 0.3s ease 0s;
}
span.faq-dota, span.faq-dota2, span.faq-dota3, span.faq-dota4, span.faq-dota5, span.faq-dota6 {
    font-size: 14px;
}
span.quee1, span.quee2, span.quee3, span.quee4, span.quee5, span.quee6 { font-size: 12px;
}
.hw-we-wrk h3 {
    padding-top: 00px;
    padding: 0px 24px 0px 24px;
     margin-top: 0%;
}
.hw-we-p{ color: #000!important; }

section.how-we-work {
    padding-bottom: 60px;
}
.slide-image {
    text-align: center;
}
.slide-image img {
    width: 100%;
}
  .tariffs__box {
    padding: 0px 20px 0;
}
li.tariffs__item.tariffs__item--c1 {
    box-shadow: none;
}
li.tariffs__item.tariffs__item--c3 {
    box-shadow: none;
}
.price-faqs .faqs-head{
    padding-top: 0px !important;
}
.response-- {
    margin-left: 37px;
}
.col-md-6.sec1.leftt {
    text-align: center;
}
.col-md-6.sec1 p {
    width: 100%;
        text-align: center;
}
.row.marr-bttn {
    margin-bottom: 0;
}
h2.h2-secc2 {
    text-align: center;
}
h2.h2-secc4 {
    text-align: center;
}
h2.h2-secc6 {
    text-align: center;
}
section.how-it-works .pehraaa {
    text-align: justify;
    margin-top: 0;
}
.video-sec {
    margin-bottom: 0;
}
img.how-img {
    width: 100%;
}
.my-input input {
    margin-top: 0;
}
.logo-head {
    text-align: center;
}
.logo-headp {
    text-align: center;
}
iframe {
    width: 300px!important;
    height: 200px!important;
}
ul.open {
    background-color: #fff;
    padding-bottom: 13px !important;
}
li.butn {
    float: right !important;
}
.video-sec .col-md-6 {
    text-align: center;
}
.faq li:hover ul.for-faqss{
    padding-left: 10px;
    transition: all .2s ease;

}
ul.for-faqss li {
    display: table-cell;
    vertical-align: top;
}
ul.for-faqss {
    padding-left: 10px;
    transition: all .2s ease;
}
}



/* -----------amar code ------ */

@media screen and (max-width: 480px){ 
    canvas#canvas1 {
        height: auto !important;
    }
    canvas#canvas1 + canvas {
        height: auto !important;
    }
    div#color-picker9 {
        right: -80px;
    }
}

/* -----------amar code end ------ */

@media(max-width: 767px){
nav {
    padding: 0 10px;
}
div#menu-button {
    right: 0px;
}
 #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 0px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #1a1472;
    border-bottom: 2px solid #1a1472;
    content: '';
  }

  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 0px;
    display: block;
    height: 2px;
    width: 20px;
    background: #1a1472;
    content: '';
  }
}

@media(max-width: 767px){
.header-section {
    padding: 20px 0px;
}
.colllm1 h3 {
    text-align: center !important;
}
.stp22 .orangg {
    text-align: center !important;
}
.stp333 {
    padding-top: 0;
}
.col-md-6.col-sm-12.col-xs-12.slide1 h3, .col-md-6.col-sm-12.col-xs-12.slide1 p {
    text-align: center;
}
.colllm3 h3 {
    text-align: center !important;
}
.text-aliment h1 {
    padding-top: 0px;
    font-size: 23px;
    padding: 0px 24px 0px 24px;
}
.header-button-crerate {
    font-size: 13px;
    height: 50px;
    padding: 0px 15px;
    right: 0;
}
input.header-input {
    width: 93%;
}
.text-aliment p {
    font-size: 14px;
    margin: 0px auto 0;
    max-width: 100%;
}
section.know-more {
  display: none;
}
.col-md-6.image-slide {
    position: relative;
    top: -90px;
}
.slide-rightt {
    top: -190px;
}
.slide-rightt h2 {
    font-size: 26px;
    top: 0px;
    left: 10%;
}
button.slider-button {
    top: 283px;
    left: 43px;
}
.owl-carousel .owl-nav {
    width: 73% !important;
    left: 50px;
    top: calc(-68% - 4px) !important;
}
.hw-we-wrk h2 {
    font-size: 35px;
    padding: 30px 24px 0px 24px;
}
.hw-we-wrk p {
    max-width: 100%;
    }
div#c2 {
    top: 80px;
    padding-left: 30px;
    padding-right: 70px;
}
.gradient-search {
    padding: 37px 0px;
}
ul.create-my-style {
    padding: 0px;
}
.my-input input {
    width: 100%;
  min-width: auto;
    font-size: 17px;
    left: 0px;
}
button.create-my-logo {
    right: 0;
    top: 20px;
}

.brand-name .owl-next span {
    right: -16px ;
    top: -3px;
}

.brand-name .owl-next span:hover{
    right: -1px !important;
    padding: 0 25px 10px 20px;
    transition: all .5s ease .5s;
}
.col-sm-4.col-xs-4 {
    margin: 0;
    padding: 8px;
    margin-top: -30px;
}
footer#footer-4 {
    display: block;
}
.logo_card + .social-media {
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
    position: initial;
}
footer.footer2 {
    margin-top: 20px;
}
.logo-head {
    font-size: 30px;
}
.logo-headp {
    font-size: 13px;
}
.brand-name .owl-prev span {
    margin-left: -104px;
    position: relative;
    top: -3px;
    background-image: linear-gradient(to right , #7108d8bf, #ffffff9e);
    opacity: 0;
}
.faq {
    padding-left: 0px;
    padding-right: 0px;
}
span.quee1, span.quee2, span.quee3, span.quee4, span.quee5, span.quee6 {
    padding-left: 5px;
    padding-right: 5px;
}
.que1:hover span.quee1, .que2:hover span.quee2, .que3:hover span.quee3, .que4:hover span.quee4, .que5:hover span.quee5, .que6:hover span.quee6 {
    padding-left: 5px;
    transition: all 0.3s ease 0s;
}
span.faq-dota, span.faq-dota2, span.faq-dota3, span.faq-dota4, span.faq-dota5, span.faq-dota6 {
    font-size: 14px;
}
span.quee1, span.quee2, span.quee3, span.quee4, span.quee5, span.quee6 { font-size: 12px;
}
.hw-we-wrk h3 {
    padding-top: 00px;
    padding: 0px 24px 0px 24px;
     margin-top: 0%;
}
.hw-we-p{margin-bottom: 30px !important;
    color: #000!important;
}

.colllm1 { margin-bottom: 15px; }

section.how-we-work {
    padding-bottom: 60px;
}
.slide-image {
    text-align: center;
}
.slide-image img {
    width: 100%;
}
  .tariffs__box {
    padding: 0px 20px 0;
}
li.tariffs__item.tariffs__item--c1 {
    box-shadow: none;
}
li.tariffs__item.tariffs__item--c3 {
    box-shadow: none;
}
.price-faqs .faqs-head{
    padding-top: 0px !important;
}
.response-- {
    margin-left: 37px;
}
.col-md-6.sec1.leftt {
    text-align: center;
}
.col-md-6.sec1 p {
    width: 100%;
        text-align: center;
}
.row.marr-bttn {
    margin-bottom: 0;
}
h2.h2-secc2 {
    text-align: center;
}
h2.h2-secc4 {
    text-align: center;
}
h2.h2-secc6 {
    text-align: center;
}
section.how-it-works .pehraaa {
  font-size: 14px;
    text-align: justify;
    margin-top: 5px;
}
.video-sec {
    margin-bottom: 0;
}
img.how-img {
    width: 100%;
}
.my-input input {
    margin-top: 0;
}
.logo-head {
    text-align: center;
}
.logo-headp {
    text-align: center;
}
iframe {
    width: 300px!important;
    height: 200px!important;
}
ul.open {
    background-color: #fff;
    padding-bottom: 13px !important;
}
li.butn {
    float: right !important;
}
.video-sec .col-md-6 {
    text-align: center;
}
.faq li:hover ul.for-faqss{
    padding-left: 10px;
    transition: all .2s ease;

}
ul.for-faqss li {
    display: table-cell;
    vertical-align: top;
}
ul.for-faqss {
    padding-left: 10px;
    transition: all .2s ease;
}

.logos-style2 .logo-box { display: table; }

}