.responsive-tab{margin-top:15px}
.responsive-tab ul{list-style:none;padding:0;margin:0;text-align:center;width:100%}
.responsive-tab li{display:inline-block;padding:0;vertical-align:center;width:30%;margin-left:2%}
.tab-icon{width:100%;height:auto;position:relative;display:inline-block}
.img-top{display:none;position:absolute;top:0;left:0;z-index:99}
#tab11{content:url("../images/1.svg")}
#tab22{content:url("../images/2.svg")}
#tab33{content:url("../images/3.svg")}
#tab11.active{content:url("../images/1-hover.svg")}
#tab22.active{content:url("../images/2-hover.svg")}
#tab33.active{content:url("../images/3-hover.svg")}
.responsive-tab a{display:inline-block;color:#FFF;text-decoration:none;padding:10px;font-size:16px;font-weight:700;border-right:2px solid #FFF;border-left:2px solid #FFF;width:100%;padding-bottom:30px}
.responsive-tab a span{font-size:45px;font-weight:400}
.responsive-tab a.active{position:relative;bottom:0;color:#FFF;outline:none;border-right:2px solid #ec973c;border-left:2px solid #ec973c;width:100%}
.responsive-tab a.active:after{content:"\f0d8";font-family:"FontAwesome";position:absolute;bottom:0;left:0;right:0;display:inline-block;margin:0 auto;font-size:70px;line-height:20px}
.tabs > div{display:none;padding:5%;text-align:center;direction:rtl}
.tabs > .active{display:block}
@media (max-width: 767px) {
.responsive-tab ul{position:relative;background:#7e4f37;border:none}
.responsive-tab li{display:block}
.responsive-tab a{position:absolute;top:0;left:0;width:100%;height:100%;border-color:transparent}
.responsive-tab ul.open a{position:relative;display:block;border-color:#fe8026}
.responsive-tab a.active{z-index:1;background:#7e4f37;border-right:1px solid #ec973c;border-left:1px solid #ec973c}
}
@media screen and (max-width:850px) {
.responsive-tab li{width:30%}
.responsive-tab a{font-size:12px}
}
@media screen and (max-width:600px) {
.responsive-tab li{width:30%;display:inline-block;margin:0 1%}
.responsive-tab a{position:relative}
#tab3 a{font-size:12px;padding-left:11px;padding-right:11px}
.responsive-tab a{font-size:13px;padding:32px 16px;padding-top:0;border-left:1px solid #fff;border-right:1px solid #fff}
.responsive-tab a span{font-size:27px}
.responsive-tab a.active:after{font-size:43px;line-height:15px}
.tab-inner{width:100%;padding-top:25px}
}
@media screen and (max-width:320px) {
#tab3 a{padding-right:4px;padding-left:4px}
.main-title{font-size:30px}
.footer-cut{top:-31px}
}