@media only screen and (max-width: 767px){
.flexslider {
    width: 100%;
    margin-left: 80px;
}
}
@media only screen and (max-width: 732px){
.flexslider {
    width: 76%;
}
}
@media only screen and (max-width: 670px){
.flexslider {
    width: 600px;
    margin-left: 5px;
}
}
@media only screen and (max-width: 640px){
.flexslider {
    width: 570px;
    margin-left: 5px;
}
}
@media only screen and (max-width: 630px){
.flexslider {
    width: 560px;
    margin-left: 5px;
}
}

@media only screen and (max-width: 610px){
.flexslider {
    width:  540px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 600px){
.flexslider {
    width:  550px;
}
}
@media only screen and (max-width: 590px){
.flexslider {
    width: 525px;
}
}
@media only screen and (max-width: 580px){
.flexslider {
    width: 515px;
}
}
@media only screen and (max-width: 550px){
.flexslider {
    width: 485px;
}
}
@media only screen and (max-width: 520px){
.flexslider {
    width: 455px;
}
}


@media only screen and (max-width: 500px){
.flexslider {
    width: 435px;
}
}
@media only screen and (max-width: 480px){
.flexslider {
    width: 425px;
}
}
@media only screen and (max-width: 470px){
.flexslider {
    width: 405px;
}
}
@media only screen and (max-width: 460px){
.flexslider {
    width: 395px;
}
}
@media only screen and (max-width: 450px){
.flexslider {
    width: 385px;
}
}
@media only screen and (max-width: 420px){
.flexslider {
    width: 355px;
}
}
@media only screen and (max-width: 414px){
.flexslider {
    width: 355px;
 
}
}

@media only screen and (max-width: 390px){
.flexslider {
    width: 335px;
}
}


@media only screen and (max-width: 380px){
.flexslider {
    width: 325px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 360px){
.flexslider {
    width: 285px;
    margin-left: 0px;
}
}

@media only screen and (max-width: 320px){
.flexslider {
    width: 265px;
    margin-left: 0px;
}
}

@media only screen and (max-width: 280px){
.flexslider {
    width: 220px;
    margin-left: 0px;
}
}