/********************* computer ***********************/
@media (min-width: 979px) {.menu_mobile_btn, .menu_mobile_container, .fade{display:none;visibility:hidden}}
/********************* computer ***********************/

/********************* tablet *************************/
@media (min-width: 480px) and (max-width: 979px) {
.menu_mobile_btn, .menu_mobile_container, .fade{display:none;visibility:hidden}
body, input, option, select, textarea, button, .block_slide_des{font-family:vazir;font-size:14px}
footer, .footer{font-size:12px}
.block_main_title, .block_right_title, .block_timeline_title{font-size:17px}
.block_slide_title{font-size:20px}
.block_main_hr{margin: 0.5% auto 5% auto}
.block_slide {height: 80vh}
.block_slide_btn{width:40%;margin-top:8%}
.block_service_item{width:44%}
.block_timeline {margin:20px auto;width: 80%}
.block_timeline:before {left: 0}
.block_timeline_content {width: 90%;float: right;margin:1% auto}
.block_timeline_content:before, .block_timeline_content.right:before {left: 10%;margin-left: -7px;border-left: 0;border-right:7px solid var(--base)}
.block_timeline_icon {left: 0}
.blcok_comments {top: -30px;margin-top:0%}
.team-member {width: 100%;max-width: 320px}
footer {height: 200px}
.footer {padding-top: 1%}}
/********************* tablet *************************/

/********************* mobile *************************/
@media (max-width: 480px) {
header, nav .item, #comments .block_right{display:none;visibility:hidden}
body, input, option, select, textarea, button, .block_slide_des{font-family:vazir;font-size:13px}	
footer, .footer{font-size:11px}
nav .logo img {height:50px;margin-top: 5px}
.block_main_title, .block_right_title, .block_timeline_title, .block_right_title{font-size:14px}
.block_slide_title{font-size:15px}
.fade {height: 100vh;top: 0;left: 0;right: 0;position: fixed;background-color: rgba(0, 0, 0, 0.8);z-index: 20;display: none}
.menu_mobile_btn {display: inline-block;padding:3% 2% 0% 2%;text-align:right}
.menu_mobile_btn i {font-size: 30px;color: var(--black)}
.menu_mobile_container {width: 12rem;height: 100vh;right: -12rem;top: 0;position: fixed;background-color: var(--white2);z-index: 30;transition: all 0.4s}
.menu_mobile_item {width:80%;padding:8% 2%;margin:2% auto;display:block;text-align:center;color: var(--black);border-bottom:1px solid var(--base)}
.menu_mobile_item:last-child {border-bottom: unset}
.menu_mobile_item i{margin-left:5%}
.menu_mobile_show {right: 0}
.block_slide_title{padding-top:30%}
.block_slide_des{margin:10% 10px;color:var(--white2)}
.block_slide_btn{width:60%}
.block_main_hr{margin: 0.5% auto 10% auto}
.block_service_item{width:90%}
#comments .block_left{width:100%}
.block_right_title {margin-top:5%}
.btn_1 {margin:8% auto}
.block_timeline {margin:20px auto;width: 80%}
.block_timeline:before {left: 0}
.block_timeline_item{margin-bottom:8%}
.block_timeline_content {width: 90%;float: right;margin:1% auto}
.block_timeline_icon {left: 0}
.block_timeline_content:before, .block_timeline_content.right:before {left: 10%;margin-left: -7px;border-left: 0;border-right:7px solid var(--base)}
.blcok_comments {height:360px}
footer {height: auto;display: inline-block}
.footer_block, .modal {width: 90%;margin: 10px auto}
.footer {padding-top: 2%}
.block_accordion li {margin:5% auto;padding:3%}
.block_accordion_title i{margin-left:2%}
.block_about_us_des:before, .block_about_us_des:after {width: unset;height: unset;position: unset;content: "";z-index: unset;left: unset;right: unset;top: unset;background:unset;box-shadow:unset;transform: unset}
.chat_body {height:67vh}
.team-member {width: 100%;max-width: 320px}
.modal_social_ico_container {width: 100px}
.modal_social_ico_container img {width: 32px;height: 32px}
}	
/********************* mobile *************************/