@media (min-width: 1800px) and (max-width: 4000px){
    /****************** GLOBAL PROPERTIES ********************/
    .main{
        margin:0px auto;
    }
    /*********************** MENU ****************************/
    nav {
        margin-top:65px;
    }
    nav a {
        padding:10px 20px;
        font-size:16px;
    }
    .menu_drop {
        padding:10px 20px;
        font-size:16px;
    }
    nav ul ul li {
        width:300px;

    }
    /********************** INDEX ****************************/  
    .one_features{
        padding:50px 13px 50px 13px;
    }
    .table_banner img{
        width:70%;
    }
    .half_index{
        min-width:645px;
        padding: 30px;
    }
    /********************** SECTORS *************************/  
    .sector_pages{
        width:85%;
    }
    .parallax_0{
        height: 600px;
    }
    .parallax_1{
        height: 600px;
    }
    .parallax_2{
        height: 600px;
    }
    .parallax_3{
        height: 600px;
    }
    .parallax_4{
        height: 600px;
    }
    .parallax_5{
        height: 600px;
    }
    .parallax_6{
        height: 600px;
    }
    .parallax_7{
        height: 600px;
    }
    .parallax_8{
        height: 600px;
    }
    .parallax_9{
        height: 600px;
    }
    .parallax_10{
        height: 600px;
    }
    .parallax_11{
        height: 600px;
    }
    .parallax_12{
        height: 600px;
    }
    .tab_flex {
        width: 90%;
    }
    .half_sector{
        min-width:600px;
        padding: 30px;
    }
    .third_width_sectors{
        min-width:400px;
        padding:30px;
    }
    /********************* PRODUCTS ************************/    
    .table_gis_products{
        width:55%;
    }
    .table0{
        width:55%;
    }
    .table0_units{
        width:65%;
    }
    .half_sector_products{
        max-width: 700px;
        margin: auto;
    }
    .product_view{
        width:85%;
    }
    .product {
        margin-top: 15%;
        width: 80%;
    }
    .product_r3{
        width:65%;
    }
    .setup{
        width:80%;
    }
    .tp1{
        margin-top:40px;
        margin-bottom:80px;
        width:45%;
    }
    .cloud_computer{
        margin-top:80px;
    }
    /****************** CONTACT US FORM ********************/    
    .table_contact {
        width: 40%;
    }
    /**************** 404, MAINTENANCE... ******************/
    .little_content{
        min-height: 80vh;
        padding-bottom: 100px;
    }
    .ce_statrment{
        width:80%;
    }
    /************* SERVICES,COMPLIANCE,ABOUT **************/
    .table_fb{
        width:65%;
    }
    .table_fb2{
        width:65%;
        padding:15px;
    }
    .half_fb{
        min-width:550px;
        padding:15px;
    }
    .img_fb{
        width:60%;
    }
    .img_fb2{
        width:60%;
    } 
    .cell_wifi img {
        width: 35%;
        padding: 30px 0px 0px;
    }
    /******************* CLOUD PAGES *********************/    
    .pages_container_cloud{
        width:100%;
    }
    .row_cloud img{
        width:50%;
        text-align:center;
        padding-top:5px;
    }
}

@media (min-width: 1001px) and (max-width: 1028px){
    /***************** GLOBAL PROPERTIES *******************/ 
    .bottom{
        order:2;
    }
    .top{
        order:1;
    }
    .pages_container{
        width:80%;
    }
    /**************** CONTACT US FORM ******************/
    .table_contact {
        width: 70%;
    }
    .contact_holder {
        width: 65%;

    }
    /******************** INDEX ***********************/ 
    .table_banner{
        margin-top:20px;
    }
    .table_banner img {
        width: 70%;
    }
    .table_features img {
        width: 80px;
    }
    .half_index{
        min-width: 400px;
        padding:10px;
    }
    .icon_features {
        padding-bottom: 20px;
        padding-top:50px;
        width: 80px;
    }
    .third_width {
        padding: 20px;
    }
    .center_index{
        width:65%;
        margin:auto;
    }
    .one_features{
        text-align:left;
    }
    .main_features{
        text-align:left;
    }
    /******************* SECTORS *********************/
    .sector_pages {
        width: 80%;
    }
    .sector_pages ul{
        line-height:24px;
    }
    .half_sector{
        min-width: 450px;
        padding:20px;
    }
    .third_width_sectors{
        max-width:450px;
    }
    .parallax_header{
        padding-top:150px;
    }
    /***************** PRODUCTS ********************/
    .product_page{
        width:80%;
    }
    h5{
        width:80%;
        padding-top:30px;
        margin:auto;    
        text-align:center;
    }
    .os_products_icon{
        text-align:center;
    }
    .banner_left{
        display: none;
    }
    .banner_right{
        display: none;
    }
    .product_r3{
        margin-top: 5%;
        width:35%;
    }
    .product {
        margin-top: 5%;
        margin-bottom:10px;
        width: 50%;
    }
    .tp1{
        width:35%;
    }
    .cloud_computer{
        margin-top:5%;
        width:50%;
    }
    .setup {
        width: 80%;
        padding: 30px;
    }
    .setup_wizard{
        width:230px;
    }
    .half_sector_products {
        min-width: 450px;
        padding: 0px 30px;
    }
    /******* SERVICES, COMPLIANCE, ABOUT...  ******/
    .basic_info {
        margin-top:80px;
        padding:15px;
    }
    .diagram_hotspot{
        width:70%;
    }
    .table_fb{
        width:60%;
    }
    .table_fb2{
        width:60%;
    }
    .img_fb{
        width:60%;
    }
    .half_wifi{
        width:65%;
        min-width:650px;
        margin:0px auto;
    }
    .cell_wifi img{
        width:30%;
    }
    .info_services{
        width:80%;
    }
    /**************** SUPPORT *******************/
    .support_box{
        padding: 0px 15px;
    }
    /************* CLOUD PAGES ***************/
    .table_cloud{
        display: block;
    }
    .row_cloud{
        display: flex;
        flex-direction: column;
    }
    .row_cloud img{
        width:50%;
        text-align:center;
        padding-top:5px;
    }
    .cell_cloud{
        display:inline-block;
        padding:0px;
    }
    .half_cloud{
        width:95%;
    }
    .row_cloud > .topcloud {order: 1; }
    .row_cloud > .bottomcloud {order: 2; }
    .info_cloud img{
        width:60%;
    }
    .side_menu{
        width:130px;
        padding:10px 20px 10px 25px;
    }
    .side_menu_fixed{
        width:130px;
        padding:10px 20px 10px 25px;
    }
    /******** 404, MAINTENANCE... ***********/
    .third_width {
        padding: 20px;
    }
    .container_404{
        width:800px;
    }
}

@media (min-width: 701px) and (max-width: 1000px){
    /***************** GLOBAL PROPERTIES *******************/  
    body {
        font:300 16px/20px Roboto,Arial,Helvetica,sans-serif;
        line-height: 28px;
    }
    p {
        margin-top: 18px;
        font: 300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    hr.style14{
        width:45%;
    }
    #back-top {
        visibility: hidden;
    }
    .bottom{
        order:2;
    }
    .top{
        order:1;
    }
    /********************** HEADER ************************/
    .logo_png{
        width:65%;
    }
    /********************** MENU *************************/
    nav {
        margin-right:25px;
    }
    /**************** CONTACT US FORM ******************/
    .table_contact {
        width: 70%;
    }
    .contact_holder {
        width: 65%;

    }
    /******************** INDEX ***********************/
    .table_banner{
        width:95%;
        margin-top:20px;
    }
    .table_banner img {
        width: 90%;
    }
    .one_banner{
        min-width:200px;
    }
    .table_features img {
        width: 80px;
    }
    .text_banner{
        font-size:18px;
    }
    .text{
        font-size:18px;
    }
    .icon_features {
        padding-bottom: 20px;
        padding-top:50px;
        width: 80px;
    }
    .one_features{
        text-align:left;
    }
    .main_features{
        text-align:left;
    }
    .center_index{
        width:90%;
        margin:auto;
    }
    /******************* SECTORS *********************/
    .tab_flex{
        width:100%;
    }
    .half_sector{
        min-width: 450px;
        padding:20px;
    }
    .half_index{
        min-width: 450px;
        padding:5% 15%;
    }
    .table_features{
        width:95%;
    }
    .one_features{
        width:35%;
        min-width:330px;
    }
    .parallax_header{
        padding-top:150px;
    }
    .parallax_1{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_marina_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .parallax_2{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_hotel_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:150%;
    }
    .parallax_3{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_school_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:120%;
    }
    .parallax_4{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_coffee_shop_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:110%;
    }
    .parallax_5{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_auto_dealership_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .parallax_6{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_church_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:110%;
    }
    .parallax_7{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_holiday_park_mobile.jpg);
        background-attachment: fixed;
        background-position: right;
        background-repeat: no-repeat;
        background-size:120%;
    }
    .parallax_8{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_student_accommodation_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .parallax_9{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_library_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .parallax_10{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_trade_show_mobile.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .parallax_11{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_clinic_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:110%;
    }
    .parallax_12{
        height:400px;
        background: #000 url(../images/parallax/hotspot_wifi_restaurant_bar_mobile.jpg);    
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size:100%;
    }
    .third_width_sectors {
        min-width:45%;
        max-width:50%;
        padding: 10px;
    }
    .text_height_pt{
        min-height:200px;
    }
    .printer_sector>img{
        width:30%;
    }
    /*************** PRODUCT RANGE ******************/
    .table0_units {
        width:95%;
    }
    .table0 {
        width: 98%;
    }
   
    .table_gis_products{
        width:98%;
    }
    .cell1{
        font-size:14px;
        line-height:20px;
    }
    .celltable_color{
        font-size:13px;
        line-height:20px;
    }
    .cell6_color{
        font-size:13px;
        line-height:20px;
    }
    .tab_flex_products{
        width:95%;
    }
    /***************** PRODUCTS ********************/
    .banner_left{
        display: none;
    }
    .banner_right{
        display: none;
    }
    .product_page{
        width:100%;
        padding:20px 0px 50px;
    }
    h5{
        width:80%;
        padding-top:30px;
        margin:auto;    
        text-align:center;
    }
    .os_products_icon{
        text-align:center;
    }
    .product{
        width:65%;
        margin-top:5%;
    }
    .product_r3{
        width:45%;
        margin-top:5%;
    }
    .tp1{
        width:40%;
        margin-top:5%;
        margin-bottom:5%;
    }
    .cloud_computer{
        width:70%;
        margin-top:5%;
    }
    .tabs{
        width:32.9%;
    }
    .setup {
        width: 80%;
        padding: 30px;
    }
    .half_sector_products {
        min-width: 450px;
        padding: 0px 30px;
    }
    .half_product_view {
        width: 50%;
        margin:auto;
    }
    .product_view_left{
        margin-left:15px!important;
    }
    .product_view_right{
        margin-right:15px!important;
    }
    .diagram_hotspot{
        width:70%;
    }
    /******* SERVICES, COMPLIANCE, ABOUT...  ******/
    .img_fb_big {
        width: 60%;
    }
    .diagram_hotspot{
        width:70%;
    }
    .half_wifi{
        width:65%;
        min-width:650px;
        margin:0px auto;
    }
    .cell_wifi img{
        width:50%;
    },
    .img_fb{
        width:40%;
    }
    .img_fb2{
        width:40%;
    }
    .info_services {
        width: 80%;
    }
    .custom_login_pages{
    width:80%;
}
    /*********** FIRMWARE REQUEST ***************/
    .fw_upgrade_wrapper .fw_content {
        width:80%;
    }
    /**************** SUPPORT *******************/
    .support_box{
        padding: 0px 15px;
    }
    /************* CLOUD PAGES ***************/
    .table_cloud{
        display: block;
    }
    .row_cloud{
        display: flex;
        flex-direction: column;
    }
    .row_cloud img{
        width:50%;
        text-align:center;
        padding-top:5px;
    }
    .cell_cloud{
        display:inline-block;
        padding:0px;
    }
    .half_cloud{
        width:95%;
    }
    .row_cloud > .topcloud {order: 1; }
    .row_cloud > .bottomcloud {order: 2; }
    .info_cloud img{
        width:60%;
    }
    /******** 404, MAINTENANCE... ***********/    
    .container_404{
        width:800px;
    }    
}

@media (min-width: 401px) and (max-width: 700px){
    /***************** GLOBAL PROPERTIES *******************/ 
    #back-top {
        visibility: hidden;
    }
    body {
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    p {
        margin-top: 18px;
        font: 300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    h3{
        margin:0px 34px;
        margin-top:50px;
        margin-bottom:30px;
        font:60px/50px 'FestivoLC-Sketch2','Roboto';
    }

    hr.style14{
        width:57%;
    }
    .bottom{
        order:2;
    }
    .top{
        order:1;
    }
    .pages_container {
        width: 80%;
    }
    /********************** HEADER ************************/
    .logo_holder {
        display: table;
        position: absolute;
        margin-left: 5px;
        margin-top:5px;
        width:380px;
    }
    .icons_header{
        top:85px;
        right:10px;
        font-size:18px;
    }
    .lang_menu{
        right:10px;
        top:0px;
    }
    /********************** MENU *************************/
    nav {
        margin-top: 90px;
        margin-right:0px;
        padding: 0;

    }
    .menu2{
        position:absolute;
        background-color: #fff;
        box-shadow: 5px 10px 20px #C8C8C8;
    }
    .menu_small:after { content:  " \25bc"; font-size: 10px;}
    .toggle + a,.menu2 {
        display: none;
        text-align:center;

    }
    .toggle {
        display: block;
        background-color: #fff;
        padding:10px 20px;
        color:#5c5c5c;
        font-size:16px;
        text-decoration:none;
        border:none;
        text-align:center;

    }
    .toggle:hover {
        background-color: #305697;
        color: #fc9802;
    }
    [id^=drop]:checked + ul {
        display: block;

    }
    nav ul li {
        display: block;
        width: 100%;

    }
    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;

    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover,
    nav ul ul ul a {
        background-color: #fff;
    }
    nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{
        padding:14px 20px;
        color:#5c5c5c;
        font-size:17px;
    }
    nav ul li ul li .toggle,nav ul ul a {
        background-color: #fff;
    }
    nav ul ul {
        float: none;
        position:static;
        color: #5c5c5c;
        /* has to be the same number as the "line-height" of "nav a" */
    }
    nav ul ul li:hover > ul,nav ul li:hover > ul {
        display: none;
    }
    nav ul ul li {
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    nav ul ul ul li {
        position: static;
        height:50px;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }
    .menu_drop{
        display: none;
    }
    /********************* FOOTER ***********************/
    .main-footer{
        font:12px/20px Roboto, Arial, sans-serif;
        line-height: 22px;
    }
    .footer_priv{
        font:12px/18px Roboto, Arial, sans-serif;
        line-height: 22px;
    }
    /**************** CONTACT US FORM ******************/
    .table_contact {
        width: 95%;
        border: 0px;
        border-radius: 0px;
    }
    .contact_holder{
        width:auto;
    }
    /******************** INDEX ***********************/ 
    .banner_header h3{
        margin:10px 20px;
        font-size: 40px;
        line-height: 50px;
    }
    .table_banner{
        width:95%;
        margin-top:20px;
    }
    .table_banner img {
        width: 75%;
    }
    .one_banner{
        max-width:300px;
    }
    .slide img{
        width:60%;
    }
    .half_index{
        width:90%;
        min-width:300px;
        padding:0% 5%;
    }
    .half_index ul{
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    .table_features img {
        width: 80px;
    }
    .table_features{
        width:90%;
    }
    .one_features{
        min-width:280px;
        padding:13px 5px;
    }
    .table_customers {
        width: 310px;
    }
    .one_customer {
        min-width: 50px;
        margin: 0px auto;
        padding: 50px 5px 0px;
    }
    .customer_logo {
        width: 50px;
    }
    .table_banner img {
        width: 75%;
    }
    .one_banner{
        max-width:300px;
    }
    .slide img{
        width:60%;
    }
    .tab_flex{
        width:100%;
    }
    .half_index{
        min-width:350px;
        max-width: 480px;
        padding:0% 10%;
    }
    .table_features img {
        width: 80px;
    }
    .table_features{
        width:90%;
    }
    .one_features{
        min-width:350px;
        max-width:480px;
        padding:13px 5px;
    }
    .table_customers {
        width: 310px;
    }
    .one_customer {
        min-width: 50px;
        margin: 0px auto;
        padding: 50px 5px 0px;
    }
    .customer_logo {
        width: 50px;
    }
    .table{
        display:block;
    }
    .table_cell{
        display:block;
    }
    .third_width{
        display:block;
        width:80%;
        padding:20px;
    }
    .center_index{
        width:90%;
        margin:auto;
    }
    /******************* SECTORS *********************/
    .sector_pages{
        width:90%;
        padding-bottom:30px;

    }
    .tab_flex{
        width:100%;
    }
    .tab_flex p{
        padding:0px;
    }
    .sector_pages h1 {
        font-size: 20px;
        line-height: 30px;
        margin:0px 10px;
    }
    .sector_pages h2 {
        font-size: 18px;
    }
    .sector_pages ul{
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    .sector_pages a{
        line-height: 28px;
    }
    .half_sector {
        min-width: 290px;
        padding: 10px 10px 10px 20px;
    }
    .third_width_sectors {
        max-width:100%;
        min-width: 300px;
        padding: 10px 10px 10px 20px;
        text-align:center;
    }
    .third_width_sectors p{
        text-align:left;
    }
    .text_height {
        min-height: 250px;
        text-align:left;
    }
    .text_height ul{
        padding:10px;
    }
    .text_height_pt {
        min-height: 400px;
    }
    .text_height_pt ul{
        padding:10px;
    }
    .parallax_header{
        padding-top:100px;
        font-size: 35px;
        line-height:40px;
    }
    .parallax_header{
        padding-top:100px;
        font-size: 40px;
        line-height:45px;
    }
    .parallax_1{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_marina_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:140%;
    }
    .parallax_2{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_hotel_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:150%;
    }
    .parallax_3{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_school_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:160%;
    }
    .parallax_4{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_coffee_shop_mobile.jpg);
        background-attachment: fixed;
        background-position:center;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_5{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_auto_dealership_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_6{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_church_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_7{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_holiday_park_mobile.jpg);
        background-attachment: fixed;
        background-position: right;
        background-repeat: no-repeat;
        background-size:175%;
    }
    .parallax_8{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_student_accommodation_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_9{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_library_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_10{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_trade_show_mobile.jpg);
        background-attachment: fixed;
        background-position: right;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .parallax_11{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_clinic_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:155%;
    }
    .parallax_12{
        height:300px;
        background: #000 url(../images/parallax/hotspot_wifi_restaurant_bar_mobile.jpg);    
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:135%;
    }
    .full_sector{
        width:90%;
    }
    /*************** PRODUCT RANGE ******************/
    .table0 {
        width: 98%;
    }
    .cell0{
        font-size:8px;
        line-height: 14px;
    }
    .cell0_top{
        font-size:10px;
        padding:0px;    
    }
    .GIS_unit {
        display: none;
    }
    .table0_units {
        display:block;
        width:100%;
    } 
    .calculator{
        width:90%;

    }
    .table_gis_products{
        width:98%;
        grid-template-columns: 30% repeat(10, 7%);
    }
    .cell1_title{
        font-size:14px;
        padding:10px 0px 0px;
    }

    .cell6_color{
        font-size: 8px;
    }
    .celltable_color {
        font-size: 8px;
    }
    .cell1{
        font-size:10px;
        line-height:14px;
        padding:10px 0px 0px 5px;
    }
    .dot_cell{
        font-size:15px;
        padding:10px 0px 0px;
    }
    .dot_cell_margin{
        font-size:15px;
        padding:10px 0px 0px;
    }
    .txt_cell{
        font-size: 8px;
        padding:0px;
    }
    .txt_cell_margin{
        font-size: 8px;
        padding:0px;
    }
    .product_title {
        font-size: 20px;
    }
    .cell_product {
        display:block;
        width:95%;
    }
    .cell_product_img{
        display:block;
        width:95%;
        text-align:center;
    }
    /***************** PRODUCTS ********************/
    .product_page{
        width:100%;
        padding:20px 0px 50px;
    }
    h5{
        width:80%;
        padding-top:30px;
        margin:auto;    
        text-align:center;
    }
    .os_products_icon{
        text-align:center;
    }
    .product{
        width:65%;
        margin-top:5%;
    }
    .product_r3{
        width:45%;
        margin-top:5%;
    }
    .tp1{
        width:40%;
        margin-top:5%;
        margin-bottom:5%;
    }
    .cloud_computer{
        width:70%;
        margin-top:5%;
    }
    .tabs{
        width:100%;
    }
    .setup_img{
        width:250px;
    }
    .setup {
        width: 80%;
        padding: 30px;
    }
    .setup_wizard {
        margin-top: 80px;
        padding-right: 20px;
        width: 130px;
    }
    .setup_r2_r4 {
        margin-top: 110px;
        margin-left: 0px;
        width: 179px;
    }
    .setup_r3 {
        width: 100px;
        padding-top: 0px;
    }
    .half_product_view {
        width: 100%;
        margin:auto;
    }
    .product_view_left{
        text-align: center;
        margin-top:25px;
    }
    .product_view_right{
        text-align: center;
    }
    .tab_flex_products{
        width:95%;
    }
    .half_sector_products {
        min-width: 350px;
        padding: 0px 10px;
    }
    .banner_left{
        display: none;
    }
    .banner_right{
        display: none;
    }
    /******* SERVICES, COMPLIANCE, ABOUT...  ******/
    .basic_info {
        margin-top:80px;
        padding:30px 15px;
    }
    .table_wifi{
        width:90%;
    }
    .half_wifi{
        min-width:290px;
        margin:0px auto!important;
        padding:5px;
    }
    .cell_wifi img{
        width:80%;
        padding:0% 10%;
    }
    .table_wifi{
        width:90%;
    }
    .half_wifi{
        min-width:350px;
        margin:0px auto!important;
        padding:5px;
    }
    .cell_wifi img{
        width:300px;
        padding:0% 10%;
    }
    .custom_login_pages{
        width:90%;
    }
    .info_services {
        width: 80%;
        margin: 20px 20px 20px 40px;
    }
    .info_others{
        width:80%;
        padding:10px;
    }
    .table_fb{
        width:95%;
    }
    .table_fb2{
        width:95%;
        padding:15px;
    }
    .half_fb{
        min-width:300px;
        padding:10px;
    }
    .img_fb{
        width:60%;
    }
    .img_fb2{
        margin:0px auto;
        width:60%;

    }
    /************* PARTNERS & BUY ****************/
    .table_buy_title {
        width: 400px;
    }
    .table_buy{
        width:380px;
    }
    .buy_img{
        width:190px;
        padding:5px 20px;
    }
    .buy_img img {
        width: 130px;
        margin:10px;
    }
    .resellers_img{
        width:350px;
        margin: 0px auto;
    }
    /**************** SUPPORT *******************/
    .support_box{
        font-size:16px;
        padding:0px 15px;
    }
    .info_support {
        width: 350px;
    }
    /************ FIRMWARE REQUEST *************/
    .fw_upgrade_wrapper .fw_title {
        font-size:16px;
    }
    .fw_upgrade_wrapper .fw_content {
        font-size:16px;
    }
    /************* CLOUD PAGES ***************/
    .cloud_back {
        background-size: 500px;
    }
    .cloud_text_style1 {
        margin-left: 10px;
    }
    .cloud_text1 {
        font-size: 22px;
        margin-left: 15px;
        margin-right: 0px;
        line-height: 30px;
    }
    .cloud_text_style2 {
        margin-left: 10px;
    }
    .cloud_text2 {
        font-size: 26px;
        margin-right: 20px;
        margin-top: 60px;
    }
    .side_menu_title{
        font-size:20px;
    }
    .side_menu{
      font-size:15px;  
      line-height:22px;    
    }
    .side_menu_fixed{
        font-size:15px;
        line-height:22px;
}
    .second_layer{
        font-size:13px;
    }
    .side_menu_content{
        display: none;
    }
    .pages_container_cloud{
        width:90%;
        padding:60px 10px;
    }
    .cloud_page h2{
        font: bold 35px Roboto,Arial,sans-serif;
    }
    .table_cloud{
        display: block;
        width:90%;
    }
    .row_cloud{
        display: flex;
        flex-direction: column;
    }
    .row_cloud img{
        width:70%;
        padding-top:5px;
    }
    .cell_cloud{
        display:inline-block;
        padding:0px;
    }
    .half_cloud{
        width:95%;
    }
    .row_cloud > .topcloud {order: 1; }
    .row_cloud > .bottomcloud {order: 2; }
    .info_cloud img{
        width:70%;
    }
    /******** 404, MAINTENANCE... ***********/
    .container_404 {
        width: 90%;
    }
    .container_404 span {
        font-size: 16px!important;
        line-height: 35px;
    } 
    .users_table_img{
        width:80%;
    }
}

@media (max-width: 400px){  
    /***************** GLOBAL PROPERTIES *******************/ 
    #back-top {
        visibility: hidden;
    }
    p {
        margin-top: 18px;
        padding: 10px;
        font: 300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    h3 {
        margin:0px 25px;
        margin-top:50px;
        font:50px/50px 'FestivoLC-Sketch2','Roboto';
    }
    hr.style14{
        width:57%;
    }
    .bottom{
        order:2;
    }
    .top{
        order:1;
    }
    .pages_container {
        width: 95%;
    }
    .pages_container p{
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif!important;
    }
    /********************** HEADER ************************/
    .logo_holder {
        display: table;
        position: absolute;
        margin-left: 5px;
        margin-top:15px;
        width:80%;
    }
    .icons_header{
        top:88px;
        right:10px;
        font-size:18px;
    }
    .lang_menu{
        right:10px;
        top:0px;
    }
    /********************** MENU *************************/
    nav {
        margin-top: 100px;
        margin-right:0px;
        padding: 0;


    }
    .menu2{
        position:absolute;
        background-color: #fff;
        box-shadow: 5px 10px 20px #C8C8C8;
    }
    .toggle + a,.menu2 {
        display: none;
        text-align:center;

    }
    .toggle {
        display: block;
        background-color: #fff;
        padding:10px 20px;
        color:#5c5c5c;
        font-size:16px;
        text-decoration:none;
        border:none;
        text-align:center;

    }
    .toggle:hover {
        background-color: #305697;
        color: #fc9802;
    }
    [id^=drop]:checked + ul {
        display: block;

    }
    nav ul li {
        display: block;
        width: 100%;

    }
    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;

    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover,
    nav ul ul ul a {
        background-color: #fff;
    }
    nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{
        padding:10px 20px;
        color:#5c5c5c;
        font-size:16px;
    }
    nav ul li ul li .toggle,nav ul ul a {
        background-color: #fff;
    }
    nav ul ul {
        float: none;
        position:static;
        color: #5c5c5c;
        /* has to be the same number as the "line-height" of "nav a" */
    }
    nav ul ul li:hover > ul,nav ul li:hover > ul {
        display: none;
    }
    nav ul ul li {
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    nav ul ul ul li {
        position: static;
        height:50px;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }
    .menu_drop{
        display: none;
    }
    .menu_small:after { content:  " \25bc"; font-size: 10px;}
    /********************* FOOTER ***********************/
    .main-footer{
        font:12px/22px Roboto, Arial, sans-serif;
        margin:0px 5px;
    }
    .footer_priv{
        font:12px/16px Roboto, Arial, sans-serif;
        line-height: 22px;
    }
    /**************** CONTACT US FORM ******************/
    .table_contact {
        width: auto;
        border: 0px;
        border-radius: 0px;
    }
    .contact_holder{
        width:auto;
    }
    /******************** INDEX ***********************/
    .banner_header h3{
        margin:10px 20px;
        font-size: 40px;
        line-height: 50px;
    }
    .table_banner{
        width:95%;
        margin-top:20px;
    }
    .table_banner img {
        width: 75%;
    }
    .one_banner{
        max-width:300px;
    }
    .slide img{
        width:60%;
    }
    .tab_flex{
        width:100%;
    }
    .tab_flex p{
        padding:0px;
    }
    .half_index{
        width:90%;
        min-width:300px;
        padding:0% 5%;
    }
    .half_index ul{
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    .table_features img {
        width: 80px;
    }
    .table_features{
        width:90%;
    }
    .one_features{
        min-width:280px;
        padding:13px 5px;
    }
    .table_customers {
        width: 310px;
    }
    .one_customer {
        min-width: 50px;
        margin: 0px auto;
        padding: 50px 5px 0px;
    }
    .customer_logo {
        width: 50px;
    }
    .table{
        display:block;
    }
    .table_cell{
        display:block;
    }
    .third_width{
        display:block;
        width:80%;
        padding:20px;
    }
    .center_index{
        width:95%;
        margin:auto;
    }
    /******************* SECTORS *********************/
    .sector_pages{
        width:95%;
        padding-bottom:30px;
    }
    .full_sector{
        width:90%;
    }
    .parallax_header{
        padding-top:65px;
        font-size: 35px;
        line-height:40px;
    }
    .parallax_1{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_marina_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_2{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_hotel_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:160%;
    }
    .parallax_3{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_school_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:160%;
    }
    .parallax_4{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_coffee_shop_mobile.jpg);
        background-attachment: fixed;
        background-position:center;
        background-repeat: no-repeat;
        background-size:160%;
    }
    .parallax_5{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_auto_dealership_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_6{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_church_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_7 {
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_holiday_park_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:230%;
    }
    .parallax_8{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_student_accommodation_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_9{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_library_mobile.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_10{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_trade_show_mobile.jpg);
        background-attachment: fixed;
        background-position: right;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_11{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_clinic_mobile.jpg);
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .parallax_12{
        height:200px;
        background: #000 url(../images/parallax/hotspot_wifi_restaurant_bar_mobile.jpg);    
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size:190%;
    }
    .sector_pages h1 {
        font-size: 20px;
        line-height: 30px;
        margin:0px 10px;
    }
    .sector_pages h2 {
        font-size: 18px;
    }
    .sector_pages ul{
        font:300 16px/30px Roboto,Arial,Helvetica,sans-serif;
    }
    .sector_pages a{
        line-height: 28px;
    }
    .half_sector {
        min-width: 280px;
        padding: 10px 10px 10px 20px;
    }
    .third_width_sectors {
        min-width:300px;
        max-width:85%;
        padding: 10px;
    }
    .text_height {
        min-height: 250px;
    }
    .text_height ul{
        padding:10px;
    }
    .text_height_pt {
        min-height: 400px;
    }
    .text_height_pt ul{
        padding:10px;
    }
    /*************** PRODUCT RANGE ******************/
    .table0 {
        width: 98%;
    }
    .cell0{
        font-size:8px;
        line-height: 14px;
    }
    .cell0_top{
        font-size:10px;
        padding:0px;    
    }
    .GIS_unit {
        display: none;
    }
    .table0_units {
        display:block;
        width:100%;
    } 
    .calculator{
        width:90%;
    }
    .table_gis_products{
        width:98%;
        grid-template-columns: 30% repeat(10, 7%);
    }
    .cell1_title{
        font-size:14px;
        padding:10px 0px 0px;
    }

    .cell6_color{
        font-size: 8px;
    }
    .celltable_color {
        font-size: 8px;
    }
    .cell1{
        font-size:10px;
        line-height:14px;
        padding:10px 0px 0px 5px;
    }
    .dot_cell{
        font-size:15px;
        padding:10px 0px 0px;
    }
    .dot_cell_margin{
        font-size:15px;
        padding:10px 0px 0px;
    }
    .txt_cell{
        font-size: 8px;
        padding:0px;
    }
    .txt_cell_margin{
        font-size: 8px;
        padding:0px;
    }
    .cell_button {
        margin:0px auto;
        padding: 0px;
    }
    .product_title {
        font-size: 20px;
    }
    .product_title2{
        font-size:16px;
    }
    .cell_product {
        display:block;
        width:95%;
        padding:10px 10px 20px 10px;
    }
    .cell_product_img{
        display:block;
        width:95%;
        text-align:center;
        padding:10px 10px 0px 10px;
    }
    /***************** PRODUCTS ********************/
    .half_sector_products {
        min-width: 80%;
        padding: 0px 15px 0px 0px;
    }
    .third_width_products{
        min-width:275px;
        padding:20px;
        max-width:85%;
        line-height: 30px;
    }
    .banner_left{
        display: none;
    }
    .banner_right{
        display: none;
    }
    .product_page{
        width:100%;
        padding:20px 0px 50px;
    }
    h5{
        width:90%;
        padding-top:30px;
        margin:auto;    
        text-align:center;
    }
    .os_products_icon{
        text-align:center;
    }
    .product{
        width:80%;
        margin-top:5%;
        margin-bottom:5%;
    }
    .product_r3{
        width:70%;
        margin-top:5%;
        margin-bottom:5%;
    }
    .tp1{
        width:40%;
        margin-top:5%;
        margin-bottom:5%;
    }
    .tabs{
        width:100%;
    }
    .views{
        padding:40px 0px;
    }
    .setup {
        width: 95%;
    }
    .half_product_view {
        width: 100%;
        margin:auto;
        padding:0px 5px;
    }
    .product_view_left{
        text-align: center;
        margin-top:25px;
    }
    .product_view_right{
        text-align: center;
    }
    .tp1{
        width:60%;
    }
    .cloud_computer{
        margin-top:5%;
        margin-bottom:20px;
        width:100%;
    }
    .setup_img {
        margin: 0px auto;
        width: 200px;
    }
    .setup_wizard {
        margin-top: 50px;
        padding-right: 20px;
        width: 100px;
    }
    .setup_img_tp1{
        width:150px;
    }
    .setup_tp1{
        margin-top:35px;
        margin-left:30px;
        width:100px;
    }
    .setup_r2_r4 {
        margin-top: 90px;
        margin-left: 0px;
        width: 100px;
    }
    .setup_r3 {
        width: 100px;
        margin-top: 65px;
    }
    /******* SERVICES, COMPLIANCE, ABOUT...  ******/
    .table_wifi{
        width:90%;
    }
    .half_wifi{
        min-width:290px;
        margin:0px auto!important;
        padding:5px;
    }
    .cell_wifi img{
        width:80%;
        padding:0% 10%;
    }
    .custom_login_pages{
        width:90%;
    }
    .info_services {
        width: 90%;
        margin: 10px;
    }
    .table_fb{
        width:90%;
    }
    .table_fb2{
        width:90%;
        padding:15px;
    }
    .half_fb{
        min-width:280px;
        padding:10px;
    }
    .img_fb{
        width:90%;
    }
    .img_fb2{
        margin:0px auto;
        width:90%;

    }
    .img_fb_big{
        width:90%;
    }
    /************* PARTNERS & BUY ****************/
    .table_buy_title {
        width: 300px;
    }
    .table_buy{
        width:300px;
    }
    .buy_img{
        min-width:250px;
        padding:5px;
        margin: 0px auto;
    }
    .buy_img img {
        width: 150px;
        text-align:left;
    }
    .resellers_img{
        width:250px;
        margin: 0px auto;
    }
    /**************** SUPPORT *******************/
    .support_box{
        font-size:16px;
        padding:0px 5px;
    }
    .support_box_title {
        font-size: 20px;
    }
    .info_support {
        width: 280px;
    }
    .inputbox_big {
        width: 80%;
    }
    .inputbox {
        width: 80%;
    }
    /************ FIRMWARE REQUEST *************/
    .fw_upgrade_wrapper {
        font-size:18px;
    }
    .fw_upgrade_wrapper .fw_title {
        font-size:16px;
    }
    .fw_upgrade_wrapper .fw_content {
        font-size:16px;
    }
    /************* CLOUD PAGES ***************/
    .cloud_back {
        background-size: 500px;
    }
    .cloud_text_style1 {
        margin-left: 10px;
    }
    .cloud_text1 {
        font-size: 22px;
        margin-left: 15px;
        margin-right: 0px;
        line-height: 30px;
    }
    .cloud_text_style2 {
        margin-left: 10px;
    }
    .cloud_text2 {
        font-size: 26px;
        margin-right: 20px;
        margin-top: 60px;
    }
    .pages_container_cloud{
        width:90%;
        padding:60px 10px;
    }
    .button_cloud {
        font-size: 12px;
        padding:10px 6px;
    }
     .side_menu_title{
        font-size:20px;
    }
    .side_menu{
      width:110px;
      padding: 10px 20px 10px 25px;    
      font-size:15px;  
      line-height:22px;    
    }
    .side_menu_fixed{
         width:110px;
      padding: 10px 20px 10px 25px;    
        font-size:15px;
        line-height:22px;
}
    .second_layer{
        font-size:13px;
    }
    .side_menu_content{
        display: none;
    }
    .cloud_page h2{
        font: bold 30px Roboto,Arial,sans-serif;
    }
    .table_cloud{
        display: block;
        width:90%;
    }
    .row_cloud{
        display: flex;
        flex-direction: column;
    }
    .row_cloud img{
        width:80%;
        padding-top:5px;
    }
    .cell_cloud{
        display:inline-block;
        padding:0px;
    }
    .half_cloud{
        width:95%;
    }
    .row_cloud > .topcloud {order: 1; }
    .row_cloud > .bottomcloud {order: 2; }
    .info_cloud img{
        width:95%;
    }
    .info_others{
        width:90%;
        padding:10px;
    }
    /******** 404, MAINTENANCE... ***********/
    .container_404 {
        width: 290px;
    }
    .container_404 span {
        font-size: 12px!important;
        vertical-align:text-top;
    }
    .users_table_img{
        width:100%;
    }
}