@media screen and (max-width:2880px){
  #cssmenu ul ul{margin-top: -8px;}
}
@media screen and (max-width:1440px){
  .top_bar{height: fit-content;padding-bottom: 10px;}
}

@media screen and (max-width:1280px){
  .top_bar{height: fit-content; padding-bottom: 10px;}
  .cal_span{width: 100%;float: left;}
  .cal_span p{text-align: center;padding: 2px 2px;font-size: 10px;line-height: 15px;}
  .cal_span p span{text-align: right;}
  .cal_span img{padding: 5px 0px 0px 6px;}
  
}
/*@media (max-width: 1200px){
  .container {width: 1170px;}
}*/
@media screen and (max-width:1000px){
  .top_navigation #cssmenu{display: none}
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.top_navigation{height: auto;}
.top_bar .left_side{padding: 15px 0px 0px 0px;}
.left_side img {width: 78%;}
.name_head {width: 100%;}
.name_head h6{padding: 10px 0px 0px 30px;}
.top_bar .right_side ul{padding: 33px 0px 0px 0px;}
.details_head{width: 100%;float: left;}
.details_head p{text-align: left;padding: 10px 30px 10px 30px;}


}
/*@media (max-width: 992px){
  .container {width: 970px;}
}*/
@media (min-width: 768px) and (max-width: 991px) {
  .top_bar .left_side{width: 40%;}
  .top_bar .left_side img {width: 55%;}
  .top_bar .right_side {width: 51%;}
  .name_head {width: 100%;}
  .name_head h6{padding: 10px 0px 0px 30px;}
  /*.top_bar .right_side{padding: 33px 0px 0px 0px;}*/
  .details_head{width: 100%;float: left;}
  .details_head p{text-align: left;padding: 10px 30px 10px 30px;}

  .hover_bkgr_fricc .popup_content{height: auto;}
}
/*@media (max-width: 768px){
  .container {width: 750px;}

}*/
@media (max-width: 767px) {
  .main_page {max-width: 100%;}
  .top_bar .left_side{width: 35%;}
  .top_bar .left_side img {width: auto;}
  .top_bar .left_side img {width: 55%;}
  .top_bar .right_side .top_right ul {padding: 35px 30px 0px 0px;}
  .topbar_mobilemenu{display: block;}
  .top_bar .right_side {width: 65%;}
  /*.top_bar .right_side .top_right ul{position: absolute;right: 5%;top: 14%;}*/
  .name_head {width: 100%;}
  .name_head h6{padding: 10px 0px 0px 30px;}
  /*.top_bar .right_side{padding: 33px 0px 0px 0px;}*/
  .details_head{width: 100%;float: left;}
  .details_head p{text-align: left;padding: 10px 30px 10px 30px;}
  .topbar_mobilemenu{display: block;}
}
@media (max-width: 580px) {
  .top_bar .left_side, .top_bar .right_side{width: 100%;float: left;text-align: left;}
  .top_bar .left_side img {width: auto;margin: 0px auto;display: table;}
  .top_bar .right_side .top_right ul{margin: 0px auto;display: table;padding:10px 0px 0px 0px;}
}