@media screen and (min-width: 1300px) {
	*{font-family:Arial;}
	.comment_section{display:flex; justify-content:space-around; align-items:flex-start;padding:22px; box-shadow:0px 0px 5px black; position:fixed; top:0px; z-index:99999999; right:-79%; width:75%; height:100vh; background:#d8d8d8; transition:all .3s;}
	.comment_section .sub_boxes{position:relative;height:100%; width:calc(100% / 3); display:flex; justify-content:flex-start;align-items:center; flex-direction:column;}
	.first_sub{align-items:flex-start !important;}
	.comment_section_open{right:0px !important;}
	.company_name{font-size:18px; font-weight:bold; line-height:22px;}
	.company_address{font-size:14px; font-weight:400;  line-height:22px;}
	.company_website{font-size:14px; font-weight:400;  line-height:22px; margin-bottom:22px;}
	.company_phone{font-size:14px; font-weight:400;  line-height:22px;}
	.company_email{font-size:14px; font-weight:400;  line-height:22px;}
	.company_comment{width:90%;}
	.company_comment label{font-size:14px; font-weight:bold; margin-bottom:11px; display:inline-block;}
	.company_comment .comment{width:100%; height:250px;}
	.comment_submit{margin-top:22px; width:70%;}
	.comment_submit input{-webkit-appearance:none; width:100%; border:none; outline:none; height:44px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:14px; background:#77ba17; border-radius:100px;}
	.company_cont{margin:22px 0;display:flex; justify-content:space-between; align-items:center; width:100%;}
	.close_box{z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;position: absolute;right: 22px;display:flex; justify-content:space-around;margin-bottom:22px; align-items:center; cursor:pointer;}
	
	.parartima{width:100%;}
	.parartima label{font-size:14px; font-weight:bold; display:inline-block; margin-bottom:11px;}
	.parartima_item{display:flex; justify-content:flex-start; align-items:center; margin-bottom:11px;}
	.parartima_item:last-child{margin-bottom:0px !important;}
	.parartima_item_box{width:22px; height:22px; margin-right:11px;}
	.parartima_item_description{font-size:12px; line-height:22px; }
	.dromologio{width:100%; padding:11px; left:11px; overflow: hidden;}
	.dromologio_item{background:#fff; margin-bottom:11px; padding:11px; font-size:12px;}
	.dromologio_item strong{display:block; margin-bottom:11px;}
	.dromologio_item_1{background:#00e64d;}
	.dromologio_item_2{background:#6991fd;}
	.dromologio_item_4{background:#fdf569;}
	.dromologio_item_8{background:#fd7566;}
	.dromologio_title{text-align:center; margin-bottom:11px;}
	.dromologio_cont{height:310px; overflow-y: auto; overflow-x: hidden;}
	.add_to_route{background:#fff; padding:5px; text-align:center; font-size:12px; border-radius:5px; margin-top:11px; cursor:pointer;}
	.dromologio_create{cursor:pointer; display:none; margin-top:11px; -webkit-appearance:none; width:100%; border:none; outline:none; height:44px; justify-content:center; align-items:center; color:#fff; font-size:14px; background:#77ba17; border-radius:100px;}
	.debugger{width:400px; position:fixed; bottom:22px; background:#d8d8d8; z-index:9999999; padding:11px; right:22px;}
	.panel{position:fixed; padding:22px; top:0px; left:-364px; width:320px; z-index:9999999; height:100vh; background:#d8d8d8; transition:all .3s;}
	.panel_open{left:0px !important;}
	.panel_button{font-size:24px; font-weight:bold; position:absolute; top:55px; right:-44px; width:44px; height:44px; cursor:pointer; display:flex; justify-content:center; align-items:center; background:#d8d8d8; border-top-right-radius:5px; border-bottom-right-radius:5px;}
	.appointment_type{margin-bottom:11px;display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
	.appointment_type .appoint{transition:.6s all;color:#f1f1f1;border:solid thin #24aac0;cursor:pointer; padding:11px;margin:0 5px 11px 5px; border-radius:11px; background-color:#24aac0; width:38%; display:flex; justify-content:center; align-items:center; font-size:16px;}
	.appointment_type .active{background-color:#218798 !important;}
	.datepicker_container{margin-bottom:22px; height:0px; overflow:hidden; transition:.7s all;}
	#remind{transition:.7s all; padding: 5px;width: 93%;}
	
	.history_container{overflow-y:auto; overflow-x:hidden;transition:.7s all;width: 80%;height: 70%; margin-top: 11px;display: flex;justify-content: flex-start; align-items: flex-start; flex-direction: column;}
	.history_container .appointment_item{padding:6px;background-color:#fff; border-radius:17px; margin-bottom:5px; box-shadow:0px 0px 5px 2px rgba(255,255,255,.7);transition:.7s all;width:96%; height:44px; overflow:hidden; display:flex;justify-content:space-between;align-items:center; flex-direction:column;}
	.history_container .appointment_item .appointment_header{line-height:44px;transition:.7s all; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
	.history_container .appointment_item .appointment_header span{font-size:12px;}
	.history_container .appointment_item .appointment_header h4{margin:0 0 0 11px;}
	.history_container .appointment_item .appointment_body{padding-top: 22px; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;}
	.history_container .appointment_item .appointment_body span{width: 100%;font-size: 14px;}
	.history_container .appointment_item .appointment_body span p{width: 100%;font-size: 14px;}
	.history_container .appointment_item .appointment_body i{font-size:12px;}
	.history_container .history_container_inner{transition:.7s all; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%; height:auto;}
	
}
@media screen and (max-width: 1299px) {
	*{font-family:Arial;}
	.sub_boxes{width:100%; display:flex; justify-content:flex-start;align-items:center; flex-direction:column;}
	.comment_section{padding:22px; box-shadow:0px 0px 5px black; position:fixed; top:0px; z-index:99999999; right:-364px; width:320px; height:100vh; background:#d8d8d8; transition:all .3s;}
	.comment_section_open{right:0px !important;}
	.company_name{font-size:18px; font-weight:bold; line-height:22px;}
	.company_address{font-size:14px; font-weight:400;  line-height:22px;}
	.company_website{font-size:14px; font-weight:400;  line-height:22px; margin-bottom:22px;}
	.company_phone{font-size:14px; font-weight:400;  line-height:22px;}
	.company_email{font-size:14px; font-weight:400;  line-height:22px;}
	.company_comment{width:90%;}
	.company_comment label{font-size:14px; font-weight:bold; margin-bottom:11px; display:inline-block;}
	.company_comment .comment{width:100%; height:250px;}
	.comment_submit{margin-top:22px;width:70%;}
	.comment_submit input{-webkit-appearance:none; width:100%; border:none; outline:none; height:44px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:14px; background:#77ba17; border-radius:100px;}
	.close_box{z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;position: absolute;right: 22px;display:flex; justify-content:flex-end; align-items:center; cursor:pointer;}
	
	.parartima{width:100%;}
	.parartima label{font-size:14px; font-weight:bold; display:inline-block; margin-bottom:11px;}
	.parartima_item{display:flex; justify-content:flex-start; align-items:center; margin-bottom:11px;}
	.parartima_item:last-child{margin-bottom:0px !important;}
	.parartima_item_box{width:22px; height:22px; margin-right:11px;}
	.parartima_item_description{font-size:12px; line-height:22px; }
	.dromologio{width:100%; padding:11px; left:11px; overflow: hidden;}
	.dromologio_item{background:#fff; margin-bottom:11px; padding:11px; font-size:12px;}
	.dromologio_item strong{display:block; margin-bottom:11px;}
	.dromologio_item_1{background:#00e64d;}
	.dromologio_item_2{background:#6991fd;}
	.dromologio_item_4{background:#fdf569;}
	.dromologio_item_8{background:#fd7566;}
	.dromologio_title{text-align:center; margin-bottom:11px;}
	.dromologio_cont{height:310px; overflow-y: auto; overflow-x: hidden;}
	.add_to_route{background:#fff; padding:5px; text-align:center; font-size:12px; border-radius:5px; margin-top:11px; cursor:pointer;}
	.dromologio_create{cursor:pointer; display:none; margin-top:11px; -webkit-appearance:none; width:100%; border:none; outline:none; height:44px; justify-content:center; align-items:center; color:#fff; font-size:14px; background:#77ba17; border-radius:100px;}
	.debugger{width:400px; position:fixed; bottom:22px; background:#d8d8d8; z-index:9999999; padding:11px; right:22px;}
	.panel{position:fixed; padding:22px; top:0px; left:-364px; width:320px; z-index:9999999; height:100vh; background:#d8d8d8; transition:all .3s;}
	.panel_open{left:0px !important;}
	.panel_button{font-size:24px; font-weight:bold; position:absolute; top:55px; right:-44px; width:44px; height:44px; cursor:pointer; display:flex; justify-content:center; align-items:center; background:#d8d8d8; border-top-right-radius:5px; border-bottom-right-radius:5px;}
	.appointment_type{margin-bottom:11px;display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
	.appointment_type .appoint{transition:.6s all;color:#f1f1f1;border:solid thin #24aac0;cursor:pointer; padding:11px;margin:0 5px 11px 5px; border-radius:11px; background-color:#24aac0; width:39%; display:flex; justify-content:center; align-items:center; font-size:12px;}
	.appointment_type .active{background-color:#218798 !important;}
	.datepicker_container{margin-bottom:11px; height:0px; overflow:hidden; transition:.7s all;}
	#remind{transition:.7s all; padding: 5px;width: 93%;}
	
	.history_container{overflow-y:auto; overflow-x:hidden;transition:.7s all;width: 100%;height: 27%; margin-top: 11px;display: flex;justify-content: flex-start; align-items: flex-start; flex-direction: column;}
	.history_container .appointment_item{padding:6px;background-color:#fff; border-radius:17px; margin-bottom:5px; box-shadow:0px 0px 5px 2px rgba(255,255,255,.7);transition:.7s all;width:96%; height:44px; overflow:hidden; display:flex;justify-content:space-between;align-items:center; flex-direction:column;}
	.history_container .appointment_item .appointment_header{line-height:44px;transition:.7s all; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
	.history_container .appointment_item .appointment_header span{font-size:12px;}
	.history_container .appointment_item .appointment_header h4{margin:0 0 0 11px;}
	.history_container .appointment_item .appointment_body{padding-top: 22px; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;}
	.history_container .appointment_item .appointment_body span{width: 100%;font-size: 14px;}
	.history_container .appointment_item .appointment_body span p{width: 100%;font-size: 14px;}
	.history_container .appointment_item .appointment_body i{font-size:12px;}
	.history_container .history_container_inner{transition:.7s all; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:100%; height:auto;}
	.company_cont{margin-bottom:11px;width:100%;display:flex; justify-content:space-between; align-items:center;}
}