@media screen and (max-width: 1200px) {
    .pagespeed-gauge{
        height: 200px;
        margin-top: -45px;
    }
    .breadcrumb li.active{
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .install-box{
        width: 95%;
    }

    .popup-container .popup{
        width: 400px;
    }
}

/* =================================================================================
smaller than 768 
================================================================================= */
@media screen and (max-width: 768px) {
	.menu, .search{margin-right: 10px; margin-left: 10px;}

    .popup-container .popup{
        width: 340px;
    }
	#header .logo{
		display: block; 
		width: 100%;
		float:left;
		text-align: center; 
		margin-bottom: 10px; 
		}
	#header{
		padding-top: 1px;
	}
	#header .logo a{display: block;}
    #header .menu{
        margin-bottom: 0 !important;
    }
    #header .menu li{
        display: inline-block;
        margin-bottom: 10px;
    }
    #header .menu a{
        display: block;
    }

	.menu{
		text-align: center;
		padding-bottom: 10px;
	}
	.content-sol, .content-sag{
		margin:0 -10px;
	}
	.content .modul{
		margin-left: -5px;
		margin-right: -5px;
	}
	.container{
		margin: 15px;
	}

	.stattitle .score{
		position: relative;
		display: block;
		width: 100%;
		left: 0;
		right: 0;
		height: auto;
		padding: 10px;
	}
	.stattitle .score span{
		font-size: 35px;
		line-height: 35px;
	}
	.horizonal-menu a{
		display: block;
		border: 1px solid #ccc;
		margin-bottom: 4px;
	}
    .alexa-menu{
        padding: 16px 20px;
    }
    .alexa-menu li{
        display: inline;
    }
	#comments{
		padding-left: 5px;
		padding-right: 5px;
	}
	.chart{
		/*text-align: center;*/
	}
	.chart .list{
	}
	.bluemark{
		margin-left: 20px;
		margin-right: 20px;

	}
	.index-main{padding: 50px 0;}
	.index-main h2{font-size: 15px}
	.index-main h1{font-size: 30px;}

    .index-main form .index-button{
        font-size: 0;
        height: 70px;
        background: url(/img/magnifying-glass.png) no-repeat center #007EE5;
    }
    .index-main form .index-button:hover{
        background: url(/img/magnifying-glass.png) no-repeat center #0060AE;
    }

	.index-top-search{display: block;}
	.half-table{ width: 100%; }
	.half-ads{ width: 100%; margin-bottom: 20px;	}
    .color-palette .legend-container .doughnut-legend li{
        width: 50% !important;
    }
    .side-ads-c img{margin-top:20px;}
    .select-language{
        top: -69px;
    }
}

/* =================================================================================
smaller than 500 
================================================================================= */
@media screen and (max-width: 500px) {
	.modul .titleh .text{display: none;}
	.half-table{ width: 100%; }
	.half-ads{ width: 100%;	margin-bottom: 20px;}
    .problem .searchform{
        width: 250px;
    }
    .website-screenshot{
    }
}

/* =================================================================================
smaller than 990 
================================================================================= */


@media screen and (max-width: 990px) {
	.mobilebutton{display: block;}
	.stickymenu{display: none;}
	.content-sol{margin-bottom: 20px;}
	.half-table{ width: 100%; }
	.half-ads{ width: 100%;	margin-bottom: 20px;}
	#alexa-country-list{ margin: 15px 0 0 0; }
    .chart-canvas-container{
        text-align: center;
        margin-bottom: 15px;
    }
    #header .menu{
        margin-right: 0 !important;
    }

    .searchform{
        margin-bottom: 10px;
    }

    .socials{
        display: none;
    }

    .html-size-chart .legend-container{
        text-align: center;
    }
    .html-size-chart .legend-container .doughnut-legend{
        display: inline-block;
    }
    .html-size-chart .legend-container li{
        text-align: left;
    }
    .meta-chart .legend-container{
        text-align: center;
    }
    .meta-chart .legend-container{
        text-align: center;
    }
    .meta-chart .legend-container .doughnut-legend{
        width: auto;
        display: inline-block;
        position: relative;
    }
    .meta-chart .legend-container .doughnut-legend{
        text-align: left;
    }
    .meta-chart .sub-div{
        width: 100%;
    }
    .stickymenu-container{
        display: none;
    }
    .analyze-container{
        padding: 20px 10px 20px 10px;
    }
    #page-speed .meter-deger{
        text-align: center;
        margin-left: 0;
    }

    .stattitle .col-md-8{
        margin: 10px 0 0 0;
    }

    .meter{
        height: 97px;
        width: 195px;
        background: url("../img/meterbg-small.png") no-repeat top left;
    }
    .meter .pointer{
        width: 105px;
        height: 9px;
        position: absolute;
        bottom: 5px;
        left: -11px;
        margin-left: -7px;
        margin-right: -7px;
        background: url("../img/meter-small.png") no-repeat;

    }
    .meter .left-value{
        left:28px;
        bottom: 7px;
    }
    .meter .right-value{
        right:20px;
        bottom: 7px;
    }
    .pagespeed-gauge{
        height: 120px;
        margin-top: -25px;
    }
    .pagetop{
        display: none !important;
    }

    #mobile-fixed-menu{
        display: block;
    }
    #comments .title{
        padding: 0 10px 10px 10px;
        margin: -5px;
    }

    .index-main form{
        margin-left: 0;
        margin-right: 0;
    }
    .index-main form .index-search-input{
        font-size: 15px;
    }

    #footer .list-container{
        float: none;
        display: block;
        text-align: center;
    }
    #footer .list{
        display: inline-block;
    }
    #footer .top .copyright{
        float: none;
    }
    #footer .site-text {
        margin: 0px 10px 15px 10px;
    }
    #footer-description{
        text-align: center;
    }

}

@media only screen and (min-width : 768px) and (max-width : 990px) {
    .select-language{
        top: -33px;
    }
}
