/*LG*/
@media only screen and (max-width : 1200px) {
  .mobile_schema ul li a {
    margin:0 50px;
  }
  .filter_item {
    width: 236px;
  }
  .page-mobile-service .mobile_schema ul li a {
    margin:0 30px;
  }
  .home__services .box a p {
    font:300 12px/1.5 'Fira Sans',sans-serif;
  }
}
/*MD*/
@media only screen and (max-width : 992px) {
  .communal_pay_box .bordered {
    margin-left: 20px;
  }
  a.service-next-btn {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
  }
  .mobile_schema ul li a {
    margin:0 37px;
  }
  .mobile_schema ul li a span {
    top:-25px;
  }

  .mobile_schema ul li a:hover span {
    top:-33px;
  }

  .mobile_schema ul li a span br {
    display: block;
  }

  .mobile_schema ul li a.current span {
    top:-33px;
  }

  .page-mobile-service  .mobile_schema ul li a.current span , .page-mobile-service  .mobile_schema ul li a:hover span  {
    top:-20px;
  }

  .page-mobile-service  .mobile_schema ul li a span {
    top:-12px;
  }

  .filter_item:nth-child(2n){
    margin-right: 0;
  }
  .filter_item {
    width:329px;
    margin-bottom:20px;
  }

  .filter_item.button button {
    width:329px;
  }

  .mobile-service-filter > section {
    position: relative;
    margin-bottom: -20px;
  }

  .page-mobile-service .box {
    padding-bottom: 0;
  }

  .f_menu li {
    margin-right: 15px;
  }

  .box.padright100 {
    padding-right: 20px;
  }


}
/*SM*/
@media only screen and (max-width : 768px) {
  body {
    margin-bottom: 0;
  }
  .footer {
    position: relative;
    bottom: auto;
    width: 100%;
    height: auto;
    background-color: #fff;
  }
  .f_menu li{
    display: block;
    margin-bottom: 10px;
  }
  .copyrights {
    text-align: center;
    float: none;
    margin:20px 0;
  }

  .lang_popup {
    position: absolute;
    left:0;
    top:40px;
    right:0;
    transform: none;
    width: 100%;
    height: auto;
    /* Rectangle 9: */
    background: #FFFFFF;
    box-shadow: 0 5px 25px 0 rgba(110,110,110,0.50);
    border-radius: 5px;
    z-index: 60001;
    overflow: hidden;
  }
  .page-faq article {
    padding-left: 10px;
  }


  .fancybox-prev span {
    left: 10px;
    background-position: 0 -55px;
  }

  .fancybox-next span {
    right: 10px;
    background-position: 0 -105px;
  }

  .page-gov-links .box ul {
    padding:0;
  }
  .options .share li a {
    width: 100%;
  }

  .options .share li {
    display: block;
    width: 48%;
    margin:0 1%;
    float: left;
    margin-bottom: 10px;
  }
  .options .share {
    width: 100%;
    display: block;
  }

  .print_btn , .speech_btn {
    display: block;
    width: 48%;
    margin:0 1%;
    float: left;
    margin-bottom: 10px;
  }
  .options .btns {
    float: none;
    width:100%;
    clear: right;
  }
  .speech_btn:before {
    float: left;
    margin-top: 3px;
  }
  .print_btn:before {
    float: left;
    margin-top: 3px;
  }
  .azerbaijan_map_content p:last-child {
    margin-bottom:12px;
  }
  .bordered {
    padding-right: 20px;
  }
  .bordered .chosen-container {
    margin-left: 0px;
    width: 100% !important;
    font:14px/48px 'Fira Sans';
    color:#fff;
  }

  a.located_contact {
    margin-left: 0;
  }
  .post_slider {
    width: 100%;
    height: auto;
  }
  .options .font-size-changer {
    float: left;
    width: 98%;
    margin:0 1%;
    margin-bottom: 10px;
  }
  .options .font-size-changer .chosen-container {
    width: 100% !important;
    margin-left: 0;
  }
  .box_content.blue p {
    padding-left: 0;
    padding-right: 0;
  }
  .box_content_white ul {
    padding-left: 0;
  }
  .box_content_white ul li {
    padding-right: 20px;
  }

  .svg_animate {
    display: none;
  }

  .page-press.awards article > div {
    padding-left: 0;
  }

  .page-press.awards article img {
    margin-right:20px;
    margin-bottom: 20px;
  }

  .page-pagination a.prev-link {
    position: absolute;
    left:5px;
    top:-50px;
    width: 47%;
  }
  .page-pagination a.next-link {
    position: absolute;
    right:5px;
    top:-50px;
    width: 47%;
  }

  .page-pagination a , .page-pagination span {
    margin-top: 60px;
    width: 20%;
    display: block;
    float: left;
    margin-left: 0;
  }

  .queue_code {
    padding-left:0;
    padding-right:0;
  }
  .queue_code p {
    width: 100%;
    margin-left:0;
    margin-right:0;
  }
  .secondary_menu ul.menu {
    display: none;
  }

  .secondary_menu .bordered {
    margin:20px 0;
  }

  select.chosen-select {
    width: 100% !important;
  }

  .error select.chosen-select {
    border-color:#D0011B;
  }

  .modal:before {
    display: none;
  }

  .modal-dialog {
    width: auto !important;
  }

  .service-center-popup {
    margin-top: 40px ;
  }

  .mobile_schema ul li {
    height: auto;
    padding:10px 0;
    margin-bottom: 0px;
  }

  .mobile_schema ul li a {
    float: none;
    margin:20px 0;
  }

  .mobile_schema ul li a:first-child {
    margin-top: 0;
  }

  .mobile_schema ul li a:last-child {
    margin-bottom: 0;
  }

  .mobile_schema ul li:before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 2px;
    left: 9px;
    margin-top: -1px;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }

  .mobile_schema ul li a span br {
    display: none;
  }

  .mobile_schema ul li a span {
    color: #fff;
    display: block;
    font: 12px/15px "Fira Sans";
    left: 20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 2px;
    transform: none;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
  }

  .mobile_schema ul li:nth-child(even):after , .mobile_schema ul li:nth-child(odd):after {
    display: none;
  }
  .mobile_schema ul li a.current span ,.mobile_schema ul li a:hover span   {
    top:2px !important
  }

  .mobile_schema ul li a:hover span , .mobile_schema ul li a.current span  {
    left:30px;
  }

  .scrollToTop {
    bottom:20px;
    right:20px;
  }

  .filter_item {
    width:100%;
    margin-bottom:20px;
  }

  .filter_item.button button {
    width:100%;
  }

  .page-mobile-service .mobile_schema ul li a {
    margin:20px 0;
  }

  .page-mobile-service .mobile_schema ul li a:first-child {
    margin-top: 0;
  }

  .page-mobile-service .mobile_schema ul li a:last-child {
    margin-bottom: 0;
  }

  .page-mobile-service .mobile_schema ul li a span {
    top:3px;
  }
  .lang a {
   float: left;
  }

  .copyrights {
    text-align: left;
  }
  .breadcrumb_panel ul {
    display: block;
    margin-left:0;
  }
  .options .fr.btns {
    position: relative;
    top: -40px;
  }
  .options .font-size-changer {
    position: relative;
    top:40px;
  }
  .home__services .box a , .home__services .box a:hover {
    background: #fff !important;
    background-image:none !important;
  }
  .home__services .box a:hover:after {
    display: none;
  }
  .arpvxsida {
    padding-left: 0;
  }
  .arpvxsida:before {
    position: relative;
    left:auto;
    top:auto;
    display: block;
    margin-bottom: 10px;
  }

  .fancybox-next span {
    right: 10px;
    background-position: 0 -112px;
  }

  .fancybox-prev span {
    left: 10px;
    background-position: 0 -62px;
  }

}
/*XS*/
@media only screen and (max-width : 480px) {
  body {
    margin-bottom: 0;
  }
  .footer {
    position: relative;
    bottom: auto;
    width: 100%;
    height: auto;
    background-color: #fff;
  }
  .post_img , .post_img img {
    width: 100%;
  }
  .page-press.awards article img {
    margin-right:0;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}



@media screen and (max-height:768px){
  .home__services .box a img{
    display: none;
  }
  .home__services .box a span {
    margin-top: 20px;
  }
  .home__services .box {
    height: 135px;
  }
  .home__services .box a p{
    top: auto;
    padding: 0 5px;
  }
}

@media only screen and (max-width : 400px){
  .home__services .box a img{
    display: block;
    text-align: center;
    margin:0 auto;
  }

  .home__services .box {
    height: auto;
  }

  .home__services .box a p {
    position: relative;
    bottom:auto;
    left:auto;
    right:auto;
    padding-top: 20px;
    padding-bottom:20px;
  }
  .home__services .box a span {
    margin-bottom: 20px;
  }

}