/*
/* Version: 1.0.0 
*/
/*-------- css code for responsive layout  --------*/

/*  To make Responsive
---------------------------------------------------------------------- /
*   1 - media screen and (max-width: 1199px)
*   2 - media screen and (max-width: 991px)
*   3 - media screen and (max-width: 767px)
*   4 - media screen and (max-width: 680px)
*   5 - media screen and (max-width: 480px)
*
---------------------------------------------------------------------- */

/*  1 - media screen and (max-width: 1199px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) { 
	
}
/*  1 - media screen and (max-width: 1199px) End
---------------------------------------------------------------------- */



/*  2 - media screen and (max-width: 991px)
---------------------------------------------------------------------- */
@media screen and (max-width: 991px) { /* for medium device */
	.home a.logo-wrapper {
	    position: absolute;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.nav>li {
	    padding: 0px 15px;
	}
	.wellcome-section .section-img {
	    margin-top: 50px;
	}
	.nav-divider .module.language {
		display: none;
	}
	.counter-up .section-head {
		margin-bottom: 50px;
	}
	.history-section .section-img {
		margin-bottom: 30px;
	}
	.contact-us .img-box {
		margin-top: 30px;
	}
	.content.show .icon {
		height: 30px;
		width: 30px;
	}
	.close-content {
		top: 50px;
    	right: 50%;
	}
}
/*  2 - media screen and (max-width: 991px) End
---------------------------------------------------------------------- */


/*  3 - media screen and (max-width: 767px)
---------------------------------------------------------------------- */
@media screen and (max-width: 767px){ /*For Mobile Device*/
	.bottom-angle:before,
	.bottom-angle:after,
	.top-angle:before,
	.top-angle:after {
		display: none;
	}
	.bottom-angle.overlay.pt100 {
		padding-top: 0; 
	}
	.partners-section .pb150,
	.works-section .pb230 {
		padding-bottom: 0;
	}
	.list-section {
		padding-top: 80px; 
	}
	.works-section .section-head {
	  	text-align: center;
	}
	.works-section .link a.read-more {
		margin-bottom: 50px;
	}
	.news-section .colmd3 {
		margin: 0 auto;
	}
	.colmd3.blog-text {
	    padding: 15px 15;
	    margin-top: 0;
	    margin-left: auto;
	}
	.blog-text a.read-more {
		margin-bottom: 30px;
	}
	.prev-next-post {
		margin-top: 10px;
	}
	.share-btn-box {
		float: left;
		width: 100%;
		text-align: left;
		margin: 15px 0;
	}
	.prev-next-post .inline-block .col-sm-4:nth-child(2) {
	  	text-align: left;
	  	float: left !important;
	    margin-top: 10px;
    	margin-bottom: 10px;
	}
}
/*  3 - media screen and (max-width: 767px) End
---------------------------------------------------------------------- */


/*  4 - media screen and (max-width: 680px)
---------------------------------------------------------------------- */
@media screen and (max-width: 680px){ 
	a.logo-wrapper {
		width: 115px;
	}
	.search-no-results .form-container, .gallery .form-container, .contact .form-container, .about .form-container {
		width: 100%;
	}
	
}
/*  4 - media screen and (max-width: 680px) End
---------------------------------------------------------------------- */


/*  5 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	a.logo-wrapper {
		margin-top: 6px;
	}
	.scrollup {
		right: 0;
	    width: 24px;
	    height: 28px;
	    color: #040404;
	    line-height: 0px;
	    text-align: center;
	    background-color: transparent;
	    z-index: 9999999;
	}
}
/*  5 - media screen and (max-width: 480px) End
---------------------------------------------------------------------- */


/*  5 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px){
	.module.search.left {
		display: none;
	}
	.team-section .follow-btn {
		top: 80px;
	}
	.team-section .follow-btn a {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.overlay2 {
		height: 25%;
	}
	.name-designation {
		bottom: 12px;
	}
}
/*  5 - media screen and (max-width: 320px) End
---------------------------------------------------------------------- */