/*PHONE*/
@media (max-width: 767px) {
    header .mobile_menu {display: block;}

    header .header .menu {display: none; position: absolute; top: 175px; left: 0; right:0; z-index: 9999; background: #FFF; margin: 0; padding: 40px; height: calc(100% - 175px); overflow-x: hidden; overflow-y: scroll }
    header .header .menu li {display: block; margin: 48px 0;}
    header .header .menu li a {font-size: 24px; line-height: 24px;}
    header .header .menu li a:hover,
    header .header .menu li a.active
    {color:#0072BC }
    header .header .menu li a.active:after,
    header .header .menu li a:hover:after {display: none}

    body.open_menu {height: 100%; overflow: hidden;}
    body.open_menu .mobile_menu:before {content: "\e920";}

    body.open_menu header .header .menu {display: block;}

    .breadcrumb {font-size: 16px; flex-wrap: wrap}

    main.content {padding: 24px 0;}
    main.content h1.main_title {font-size: 30px; line-height: 36px; margin-bottom: 36px;}
    main.content h2.main_title > span {font-size: 30px;}
    main.content h2.main_title {flex-wrap: wrap}
    main.content h2.main_title a {margin: 12px 0;}

    main.content .section_menu {margin-bottom: 24px;}
    main.content .content_wrapper {padding: 12px;}

    .rating_tabs {flex-wrap: wrap}
    .rating_tabs li {margin: 0 0 12px;}

    footer .footer .top_line .logo img {height: auto; width: 100%;}

    footer .footer .horizontal_menu {display: block}
    footer .footer .horizontal_menu li {display: block; margin: 24px 0;}
}

/*IPAD PORTRET*/
@media (min-width:768px) and (max-width:991px)
{

}


/*IPAD LANDSCAPE*/
@media (min-width:992px) and (max-width:1199px)
{

}