/*mobile responsive*/
@media only screen and (max-width: 479px){

.social-media{width: 100%;}
.web-info{width: 100% !important;text-align: center; margin: 0px; font-size: 12px;}
.call-us, .email{display: none;}

.video-cover{height: 500px;}
.overlay-video{position: absolute !important; top: 150px !important;}
.overlay-video p{font-size: 25px;}

.website-sec, .payment-tag, .hype-tag, .gbl-tag, .social-tag, .plans-tag, .mitigate-tag, .feat-tag{font-size: 18px;}

.slider-wrap{width: 100%; height: 70px !important; margin: auto;}
.slider{width: 95%; height: 60px !important; margin: auto;}
.slider ul li{width: 92px !important; height: 50px !important;}
.slider ul li span{width: 92% !important;height: 50px !important; margin: 0px;}
.slider ul li span img{width: 100% !important; margin: 0px; margin-top: 10px;}
.slider-arrow{ margin: 0px; padding: 0px; position: absolute !important; top: 26px !important; }
.sa-right{right: 0px;}
.sa-left{left: 0px;}

.hypehos ul{margin: 0px;padding: 0px;}
.hypehos ul li{width: 50%; font-size: 12px; float: left; text-align: center;}

.abt-ddsh h1{text-align: center; font-size: 18px;}
.abt-ddsh p{text-align: center; font-size: 14px; text-align: justify;}

.our-cust{font-size: 14px;}

footer ul {margin-top: 10px;}
footer ul li{text-align: center;}
footer ul li a{font-size: 16px !important;  text-align: center;}
footer ul li a img{display: block; margin: auto;}

.media-social img{
	cursor: pointer;
	width: 100%;
}



/*page two*/
.jumbotron img{display: block; width: 100%;}
.jumbotron p{font-size: 16px !important;}

.vdo-tut{width: 100% !important;}
.vdo-tut iframe{width: 100% !important;}

.php-info img{ width: 100%;}
.php-info h1{ font-size: 20px; text-align: center;}
.php-info p{font-size: 16px;}

.pln-hrsk h1{ font-size: 20px; text-align: center;}
.pln-hrsk p{font-size: 16px;}

.mitigate ul li{ font-size: 14px;}

.ddosprog{display: none;}


/*page3 */
.feat-ddhp img{ display: block; width: 40px;}


}



/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (max-width: 768px) {

	.navbar-brand{padding: 0px; margin: 0px; width: 100px;}
	.navbar-brand img{width: 120px; margin: 10px;}

	.social-media{width: 100%;}
	.web-info{width: 50%;text-align: center; margin: 0px; font-size: 10px;}
	.call-us, .email{width: 25%; font-size: 10px; float: left; margin: 0px !important; padding: 0px;}

	.our-cust{font-size: 14px; text-align: left;}

	.jumbotron img{display: block; width: 100%;}
	.jumbotron p{font-size: 16px !important;}

	.php-info img{display: block; width: 100%; margin: auto;}

}