@media screen and (max-width: 991px) {
    .only-desktop {
        display: none;
    }
}	

@media screen and (max-width: 640px) {
    .only-desktop, .desktop{
        display: none;
    }

    .mobile{display: block !important;}

    .nav>li.desktop{display: none !important;}

    .sidebar{display: none;}

    .icon-select{display: inline-block;}
    .icon-select:before{
        display: inline-block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: relative;
        top: 3px;
    }

    #prime-video-overlay iframe{
            margin: 140px auto;
            width: 100%;
            height: 300px;
    }
    
    .top-block-move .video-icon{
        height: 75px;
        width: 75px;
        border-radius: 300px;
        background-color: rgba(0,0,0,0.7);
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -38px;
        margin-top: -44px;
        font-size: 35px;
        line-height: 86px;
        text-align: center;
        color: #FFF;
        z-index: 2;
    }

    .banner-bottom{
        height: auto;
        margin-bottom: 30px;
    }

    #focus-area .item-text-container .item-sub-title p{
        padding-right: 30px;
    }

    #focus-area a .item-image{
        background-position: -550px;
    }

    .col-xs-12 .item-text-container{
        position: static !important;
        width: 100% !important;
    }

    .col-xs-12.col-sm-6 .item-text-container{
        position: absolute !important;
        width: 100% !important;
    }

    .focus-item .item-image.left.cento{
        background-position: -420px !important;
    }

    #focus-area .item-text-container{
        padding: 0;
        padding-bottom: 35px;
    }
	
	#focus-area .item-text-container.cinquanta{
        background-color: transparent !important;
		width: 50% !important;
    }


    #focus-area .col-xs-12.col-sm-6 .item-image-box{
        margin-bottom: 0px;
    }

    .show-dvd{
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        position: relative;
    }

    .banner-bottom p{
        padding: 20px 0px 35px;
        text-align: center;
        line-height: 1em;
    }
    #focus-area{
        overflow: hidden;
    }

    /*.single-mondo.lslide{
        width: 20% !important;
    }
    .single-mondo.lslide.active{
        width: inherit !important;
    }*/

    .overlay-content{
        width: 95%;
        height: auto;
        margin: 0px;
        top: 3%;
        left: 2.5%;
    }

    .single-btn{
        width: 100%;
        margin: 0px;
    }

    .tab_menu{
        background-color: #f2f2f2;
    }

    .icon-FONT_Espera_10_Down{display: none;}


    .single-tab{
        width: 50%;
        text-align: center;
        float: left;
        text-transform: uppercase;
        border-bottom: 1px solid transparent;
        font-family:  'Archivo', sans-serif;
        color: #b3b3b3;
        line-height: 1.2em;
        padding: 8px 0px;
    }

    .single-tab.active{
        color: #3e3e3d;
        border-bottom: 1px solid #3e3e3d;
        background-color: #FFF;
    }

    #registrati{display: none;}

    .top_login p{background-color: #FFF;}
    #login_form #login{width: 100%;}
    #login_form #registrati{width: 100%;padding: 30px 30px;}
    #login_form input{width: 100%}
    #reg_mail_button{width: 100%;}
    #registrati button{width: 100%;}

    #form-iscr, #form-reg{
        width: 95%;
        left: 2.5%;
        margin: 0px;
    }
    .single_input.mail{width: 100% !important;}

    #login_form p span, #form-reg p span {
        font-size: 13px;
        color: #939598;
        display: block;
        float: left;
        line-height: 1.2em;
        margin-top: 14px;
    }

    #form-reg .single_input{
        width: 100%;
        float: none;
    }
    #form-reg input, .single_input mail input{
        width: 100%;
    }





    .header-top-bar{
        height: 0px;
        overflow: hidden;
        position: static;
    }
    .header-top-bar .container{
        position: static;
    }

    .header-top-bar .login-box i{
        position: absolute;
        right: 10px;
        top:15px !important;
        font-size: 32px;
        z-index: 5;
        color: #000;
    }

    .top-bk-mobile img{
        width: 100%;
        height: 265px;
        object-fit: cover;
        object-position: 63% 100%;
    }
    .top-block-move{
        height: auto;
    }

    .navbar-toggle{
        float: left;
    }
    .navbar-default{
        background-color: #FFF;
    }

    .container.logo-container{
        position: static;
        margin-top: 20px;
        width: 100%;
        padding: 0px;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
        margin: 0px;
    }

    #video-container .video-area{
        margin-right: inherit;
        padding-right: 15px;
    }
    .right-video{
        padding-left: 15px;
    }

    .module-adventure .title{
        margin-top: 0px;
        text-align: center;
    }

    .module-adventure p{
        text-align: center;
    }

    .container.menu-footer{
        display: none;
    }

    .logo-oragiovane{
        margin: 10px auto;
    }

    .social-footer{
        text-align: center;
    }

    .social-footer .ball-social-container{
        float: none;
        display: inline-block;
    }

    .social-footer span{
        float: none;
        display: inline-block;
    }

    .copyright{
        text-align: center !important;
    }

    .credits{
        text-align: center !important;
    }

    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
        color: #13aaaa;
    }

    .container.logo-container .main-logo{
        width: 106px;
        height: 64px;
        background-repeat: no-repeat;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -53px;
    }

    .navbar-default .navbar-nav>li.digital-kit >a span{
        position: static;
        display: inline;
        margin: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;

    }

    .navbar-collapse{
        width: 100%;
        background-color: #f2f2f2;
        color: #13aaaa;
    }

    .single-character img{
        left: 0;
    }

    .navbar-default .navbar-toggle{
        border: none;
        color: #000;
        top: 11px;
        left: 5px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #000000;
    }

    .page-template-page-gadget hr{
        display: none;
    }

	/*
    .top-page{
        height: auto;
    }
	*/

    .page-title h1{
        font-size: 48px;
        margin: 0px;
        padding: 40px 0px;
    }
	
	
	.page-template-page-gadget .page-title h1{
    	line-height: 44px;
    	padding: 30px 0px 10px;
    }

    .page-title h2{
        display: none;
    }

    .single-product{
        text-align: center;
    }

    .product-description{
        text-align: center;
    }
    .product-link{
        text-align: center;
        margin: 20px auto;
    }
    .product-link a{
        float: none;
    }


    .characters-info p{
        width: 100%;
    }

    .characters-info{
        text-align: center;
    }

    .characters-info .name{
        display: inline-block;
        float: none;
    }

    .characters-info .name_giap{
        display: inline-block;
        float: none;
    }

    .module-adventure{
        text-align: center;
    }

    .module-adventure img{
        width: 100%;
    }

    .credits, .copyright{
        padding: 10px 5px;
    }

    .overlay-gadget{
        width: 95%;
        height: 330px;
        top:30px;
        left: 2.5%;
        margin: 0 auto;
    }

    .single-procuct{
        background-repeat: no-repeat;
        background-position: center;
    }

    .single-post-archive h2{font-size: 32px;}

    .close-icon-post{display: none}
    .post-image{height: 200px;}
    .post-header h2{font-size: 32px;}
    .post-content h1{font-size: 28px;}
    .post-content h2{font-size: 24px;}
    .post-content h3{font-size: 20px;}
    .post-content{font-size: 18px;}
    .post-content ul{margin-left:0px;}
    .post-content iframe{width: 100%}

    .overlay-error-kit #log-off-back{
        position: fixed;
        top:70px;
        height: 100%;

    }

    #log-off-back-text_LOG, #not-available-text_LOG, #log-off-back-text_CODE{
        width: 90%;
        height: auto;
        padding: 20px 10px;
        margin: 20px auto;
    }
    #not-available-text_LOG h1{margin-top: -10px;}

    .single-item-view{
        line-height: 20px;
    }
    .select-days{height: auto}
    .select-days .title{font-size: 16px;text-align: center}
    .section-title-container{font-size: 22px;}
    .select-days button{font-size: 14px;padding: 6px 0px;}

    .box-kit-container{font-size: 22px;line-height: 1.2em;height: 210px;}
    .category-title{position: static;}
    .icon-new-kit{
		top: 25px !important;
        width: 60% !important;
        height: 80px !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .single-content-day .col-xs-12{
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #register_code_inner #field_input input{
        width: 100%;
    }

    #register_code{
        width: 95%;
        height: auto;
        margin: 0px;
        left: 2.5%;
        top:2%;
        padding: 20px;
    }

    #register_code_inner{
        position: static;
    }

    .item-title{
        margin-top: 20px;
    }


    #user_menu{
        text-align: right;
        width: 100%;
        top:70px;
        right:0px;
    }

    #user_menu .single-item{
        text-align: right;
    }
    #user_menu .user_logout{
        text-align: right;
    }

    #change-view .single-btn{
        width: 100%;
    }


    .select-kit-part{background-color: #FFF;}
    .classic-view.percorsi{border-color: #fbbb1f;color: #fbbb1f}
    .classic-view.strumenti{border-color: #de4d2b;color: #de4d2b}
    .classic-view.percorsi.active{background-color: #fbbb1f;color: #FFF;}
    .classic-view.strumenti.active{background-color: #de4d2b;color: #FFF;}
    .classic-view{
        width: 100%;
        margin: 10px auto;
        padding: 20px;
        text-align: center;
        background-color: #FFF;
        border: 3px solid #00b3a7;
        color: #00b3a7;
        font-size: 25px;
        font-family: 'Roboto', sans-serif;
        line-height: 1em;

    }
    .classic-view.active{
        background-color: #00b3a7;
        color: #FFF;
    }
    .classic-view span{
        text-transform: uppercase;
        font-size: 16px;
    }

    .kig-digitale-container-header{
        border: none;
    }
    .kig-digitale-container-header ul.sub-menu li{
        width: 100% !important;
        font-size: 18px;
        border: none;
    }

    .sub-menu li a{
        height:auto;
        line-height: 1em;
        padding: 5px 0px;
    }

    .kig-digitale-container-header ul.sub-menu {
        height: 30px;
        width: 95%;
        border: none;
        margin: 10px auto;
    }
    .kig-digitale-container-header ul.sub-menu li { padding: 5px 10px; z-index: 2; }
    .kig-digitale-container-header ul.sub-menu li:not(.init) { float: left; width: 130px; display: none; background: #FFF; }
    .kig-digitale-container-header ul.sub-menu li:not(.init) i{display: none;}
    .kig-digitale-container-header ul.sub-menu li:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
    .kig-digitale-container-header ul.sub-menu li.init { cursor: pointer; }

    .single_video_button{
        display: inline-block;
        float: none;
    }

    .characters-video{
        text-align: center;
    }

    .feedback{
        left: 0px;
        width: 90%;
        margin: 20px 5%;
    }
    .feedback .smile{
        margin: 10 10px;
    }
    .answer_container{
        width: 320px;
        margin: 0 auto;
    }

    .page-template-page-gadget .page-title h1{
        font-weight: 700;
        font-size: 32px;
        text-transform: uppercase;
    }

    .module-worlds{
        position: relative;
    }

    .controller-world .prev-world, .controller-world .next-world{
        position: absolute;
        left: 0px;
        top: 220px;
      
        font-size: 42px;
    }
    .controller-world .next-world{
        left: inherit;
        right: 0px;
    }


    .module-personaggi{
        position: relative;
        padding: 60px 0px 0px;
    }

    .controller-character .prev-character, .controller-character .next-character{
        position: absolute;
        left: 0px;
        top: 220px;
        color: #3b3b3a;
        font-size: 42px;
    }
    .controller-character .next-character{
        left: inherit;
        right: 0px;
    }

    .attach-area a{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

	/* AGGIUNTO BEEHEROES >>>>>>>>>>>>>>>>> */
	
	.al-mobile {
		display:block;
	}
	
	.banner-bottom {
    	background-color: transparent;
	}
	
	.banner-bottom .container {
		height: auto;
		margin: 0 30px;
	}

	
	.banner-bottom .al-img {
		display:none;
	}
	
	#focus-area .item-text-inner {
		position: relative;
	}
	
	#focus-area a .item-sub-title {
		display: none;
	}
	
	#focus-area .item-button.buy {
		margin-top: 25px;
	}
	
	#focus-area .item-image-box {
    	margin-bottom: 0;
	}
	
	
	#focus-area .col-sm-12.nopad {
		height: 580px;
	}
	
	.show-mobile {
		display: block;
	}

	#focus-area .col-sm-12.nopad .hide-mobile, #focus-area .col-sm-6.nopad .show-mobile {
		display: none;
	}
	
	#focus-area .col-sm-12.nopad .show-mobile {
		width: 90%;
	}
	
	#focus-area .al-image-4 {
		 background-position: right !important;
	}
	
	.nopad {
		padding: 0;
	}
	
	.category-title{
		padding: 10px;
  	}


	/* AGGIUNTO BEEHEROES <<< */
	
	
	.al-banner-remember .al-coming-soon {
		bottom: 0;
	}
	
	.al-banner-remember .category-title {
		padding-top: 60px;
	}

}