@media only screen and (max-width:1199px) {

}

@media only screen and (max-width:1199px) {
	
    .counter-col { display:;}
}
@media only screen and (max-width:991px) {
	.about-info {
    	right: 0;
    	bottom: 0;
    	background: #66cc00;
    	padding: 20px 30px;
    	width: 100%;
	}
	img {
		width:auto;}

}


@media only screen and (max-width:767px) {
	.center767 {
		float: none;
		text-align: center !important;
	}
	.collapse.show {
	    display: block;
	    height: 325px;
	    overflow-y: scroll;
	}
	.navbar-dark .navbar-toggler {
	    background: #333333;
	    border-radius: 0;
	}
	.info-bar {
		padding: 5px 10px;
	}
	.info-bar ul li {
		margin-right: 5px;
	}
	.copyright-bar {
		text-align: center;
	}
	.footer-social-group {
		text-align: center;
		margin-top: 10px;
	}
	.navbar-transparent .collapse.show {
		background: #111111;
		margin-top: 20px;
	}
	.navbar-transparent.fixed-header .navbar-nav .active>.nav-link, 
	.navbar-transparent.fixed-header .navbar-nav .nav-link.active, 
	.navbar-transparent.fixed-header .navbar-nav .nav-link.show, 
	.navbar-transparent.fixed-header .navbar-nav .show>.nav-link {
		color: #ffffff;
	}
	.navbar-transparent.fixed-header .navbar-nav .nav-link {
		color: #ffffff;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 10px;
	}

}

@media only screen and (max-width:500px) {
	p {font-size: 14px;
	}
	.about-info {
		display: none;
	}
    .hover-box-content p {
		display:none;
		}
    .dm-modal {
		width:100%;}
}

@media only screen and (max-width:600px) {
	.full-wd-600 {
		width: 100%;
	}
	
}

@media only screen and (max-width:480px) {
	p {font-size: 14px;
	}
	.full-wd-480 {
		width: 100% !important;
	}
	.common-btn {
	float:left;
	font-size:16px;
	margin-bottom:41px;
		}
   .section-title .title-style font {
	   font-size:30px;
		}
   .about-col ul li {
	font-size:small;
	line-height:20px;
	margin-bottom:10px;
        }
   .about-col h1 {
	font-size:25px;
        }
   .about-col h2 {
	font-size:22px;
        }
   .about-col h3 {
	font-size:19px;
        }
   .about-col h4 {
	font-size:17px;
        }
   .blog-col h2 {
	font-size:22px;
        }
   .blog-col ul li {
	font-size:17px;
        }
   .about-col .fa-check-circle {
	   display:block;
	color:#66cc00;
	font-size:17px;
	line-height:20px;
	margin-bottom:9px;
	margin-right: 7px;
	float:left;
        }
	
    .page-title-box h1 {
		font-size:27px;
}
    .hover-box-content p {
		display:none;
		}
    .dm-modal {
		width:100%;}
    .dm-modal h3 {
		font-size:16px;} 
	
}
@media only screen and (max-width:420px) {
	p {font-size: 14px;
	}
	.video-col h2 {
		font-size: 20px;
	}
	.video-col i {
		font-size: 70px;
	}
	.hover-box-content a i {
		font-size: 18px;
		width: 30px;
		height: 30px;
		line-height: 26px;
	}
	.hover-box-content {
		top: 60%;
	}
	.slider .slides li .caption h3 {
		font-size: 22px;
	}
	.section-title .title-style h2 {
		font-size: 26px;
	}
	.navbar-brand img {
		width:200px;
		}
	.net {
		display:none;
		}
	.common-btn {
	float:left;
	font-size:16px;
	margin-bottom:41px;
		}
   .section-title .title-style font {
	   font-size:30px;
		}
   .about-col ul li {
	font-size:15px;
	line-height:20px;
	margin-bottom:10px;
        }
   .about-col h1 {
	font-size:25px;
        }
   .about-col h2 {
	font-size:22px;
        }
   .about-col h3 {
	font-size:19px;
        }
   .about-col h4 {
	font-size:17px;
        }
   .blog-col h2 {
	font-size:22px;
        }
   .blog-col ul li {
	font-size:17px;
        }
   .about-col .fa-check-circle {
	   display:block;
	color:#66cc00;
	font-size:17px;
	line-height:20px;
	margin-bottom:9px;
	margin-right: 7px;
	float:left;
        }
	
    .page-title-box h1 {
		font-size:27px;
}
    .hover-box-content p {
		display:none;
		}
    .dm-modal {
		width:100%;}
    .dm-modal h3 {
		font-size:16px;} 
}
@media only screen and (max-width:360px) {
	p {font-size: 14px;
	}
	.log {
		margin-left:-50px;
	}
	.navbar-brand img {
		width:200px;
		}
	.net {
		display:none;
		}
	.common-btn {
	float:left;
	font-size:16px;
	margin-bottom:41px;
		}
   .section-title .title-style font {
	   font-size: small;
		}
   .about-col ul li {
	font-size:small;
	line-height:20px;
	margin-bottom:10px;
        }
   .about-col h1 {
	font-size:25px;
        }
   .about-col h2 {
	font-size:22px;
        }
   .about-col h3 {
	font-size:19px;
        }
   .about-col h4 {
	font-size:17px;
        }
   .blog-col h2 {
	font-size:22px;
        }
   .blog-col ul li {
	font-size:17px;
        }
   .about-col .fa-check-circle {
	   display:block;
	color:#66cc00;
	font-size:17px;
	line-height:20px;
	margin-bottom:9px;
	margin-right: 7px;
	float:left;
        }
	
    .page-title-box h1 {
		font-size:27px;
}
    .hover-box-content p {
		display:none;
		}
    .dm-modal {
		width:100%;}
    .dm-modal h3 {
		font-size:16px;} 
}
@media only screen and (max-width:320px) {
	p {font-size: 14px;
	}
	.log {
		margin-left:-50px;
	}
	.navbar-brand img {
		width:200px;
		}
	.net {
		display:none;
		}
	.common-btn {
	float:left;
	font-size:16px;
	margin-bottom:41px;
		}
   .section-title .title-style font {
	   font-size: small;
		}
   .section-title .title-style span {
	   color:#d72125;
		}
   .about-col ul li {
	font-size:small;
	line-height:20px;
	margin-bottom:10px;
        }
   .about-col h1 {
	font-size:25px;
        }
   .about-col h2 {
	font-size:22px;
        }
   .about-col h3 {
	font-size:19px;
        }
   .about-col h4 {
	font-size:17px;
        }
   .blog-col h2 {
	font-size:22px;
        }
   .blog-col ul li {
	font-size:17px;
        }
   .about-col .fa-check-circle {
	   display:block;
	color:#66cc00;
	font-size:17px;
	line-height:20px;
	margin-bottom:9px;
	margin-right: 7px;
	float:left;
        }
	
    .page-title-box h1 {
		font-size:27px;
}
    
    .section-title .title-style h2 {
    font-size: 25px;
}
    .portfolio-col h2 {
    font-size: 25px;
}
    .hover-box-content p {
		display:none;
		}
    .dm-modal {
		width:100%;} 
    .dm-modal h3 {
		font-size:16px;} 
}