/* To make Responsive
---------------------------------------------------------------------- /
*
*  1 - media screen and (min-width: 1681px) and(max-width: 1784px)
*  2 - media screen and (min-width: 1441px) and (max-width: 1680px)
*  3 - media (max-width: 1600px)
*  4 - media screen and (min-width: 1367px) and (max-width: 1440px)
*  5 - media screen and (min-width: 1281px) and (max-width: 1366px)
*  6 - media screen and (min-width: 1201px) and (max-width: 1280px)

*  7 - media screen and (min-width: 1171px) and (max-width: 1200px)
*  8 - media screen and (min-width: 1100px) and (max-width: 1170px)
* 10 - media screen and (min-width: 1024px) and (max-width: 1100px)
* 11 - media screen and (min-width: 993px) and (max-width: 1023px)
* 12 - media screen and (min-width: 981px) and (max-width: 992px) 
* 13 - media screen and (min-width: 901px) and (max-width: 980px)
* 14 - media screen and (min-width: 855px) and (max-width: 960px)
* 15 - media screen and (min-width: 801px) and (max-width: 854px)
* 16 - media screen and (min-width: 768px) and (max-width: 800px)
* 17 - media screen and (min-width: 720px) and (max-width: 767px)
* 18 - media screen and (min-width: 640px) and (max-width: 667px)
* 19 - media screen and (min-width: 668px) and (max-width: 720px)
* 20 - media screen and (min-width: 640px) and (max-width: 667px)
* 21 - media screen and (min-width: 600px) and (max-width: 640px)
* 23 - media screen and (min-width: 569px) and (max-width: 600px)
* 24 - media screen and (min-width: 481px)  and (max-width: 568px)
* 25 - media screen and (min-width: 415px) and (max-width: 480px)
* 26 - media screen and (min-width: 401px) and (max-width: 414px)
* 27 - media screen and (min-width: 376px) and (max-width: 400px)
* 28 - media screen and (min-width: 361px) and (max-width: 375px)
* 29 - media screen and (min-width: 321px) and (max-width: 360px)
* 30 - media screen and (min-width: 321px) and (max-width: 360px)
* 31 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (min-width: 1367px) and (max-width: 1784px) {
	.container {
		width: 80%;
	}
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.container {
		width: 80%;
	}
	.icon-section-img img {
		width: 65px;
	}

	.icon-section-title {
		font-size: small; 
    
	}
	
}

@media screen and (min-width: 1201px) and (max-width: 1280px) {
	.container {
		width: 90%;
	}
	.icon-section-img img {
    width: 65px;
}

.icon-section-title {
        font-size: 11px;
    
}
}


/* 1 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */
/* 7 */
@media screen and (min-width: 1171px) and (max-width: 1200px) {
	.container {
    width: 95%;
}
	.navbar-nav>li>a {
		padding: 15px 20px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 20px;
	}
}
/* 8 */
@media screen and (min-width: 1100px) and (max-width: 1170px) {
	.container {
    width: 95%;
}

	.navbar-nav>li>a {
		padding: 15px 20px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 20px;
	}
	 
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
	.container {
    width: 95%;
}
	.navbar-nav>li>a {
		padding: 15px 20px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 20px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 550px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	 
}

@media screen and (min-width: 993px) and (max-width: 1023px) {
	.container {
    width: 95%;
}
	.navbar-nav>li>a {
		padding: 15px 20px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 20px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 500px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.header-text h2 {
    	font-size: 25px;
	}

	.header-text h3 {
    	font-size: 15px;
	}
	 
}


@media screen and (min-width: 901px) and (max-width: 992px) {
	.show-all{
		margin-left: 48% !important;
	}
	.container {
    width: 95%;
}
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-nav>li>a {
		padding: 15px 10px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 500px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.widget-title{
		font-size: 13px;
	}
	.header-text h2 {
    	font-size: 25px;
	}

	.header-text h3 {
    	font-size: 15px;
	}
 
}

@media screen and (min-width: 860px) and (max-width: 900px) {
	.show-all{
		margin-left: 48% !important;
	}
	.subscribe-label {
		text-align: left !important;
	}
	.container {
    width: 95%;
}
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-nav>li>a {
		padding: 15px 10px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 450px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.panel-default>.panel-heading {
		padding-right: 15px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.widget-title{
		font-size: 13px;
	}
	.header-text h2 {
    	font-size: 25px;
	}

	.header-text h3 {
    	font-size: 15px;
	}

 
}

@media screen and (min-width: 801px) and (max-width: 859px) {
	
	.show-all{
		margin-left: 47.5% !important;
	}
	.subscribe-label {
		text-align: left !important;
	}
	.container {
    width: 95%;
}
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-nav>li>a {
		padding: 15px 10px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 400px;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.widget-title{
		font-size: 13px;
	}
	.header-text h2 {
    	font-size: 25px;
	}

	.header-text h3 {
    	font-size: 15px;
	}

}

@media screen and (min-width: 768px) and (max-width: 800px) {
	.show-all{
		margin-left: 47.5% !important;
	}
	.subscribe-label {
		text-align: left !important;
	}
	.container {
    width: 100%;
}
	.dep-title{
		padding-top: 6%;
	}
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-nav>li>a {
		padding: 15px 10px;
		font-size: .750em;
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 350px;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.widget-title{
		font-size: 13px;
	}
	.header-text h2 {
    	font-size: 25px;
	}

	.header-text h3 {
    	font-size: 15px;
	}
 
}

@media screen and (max-width: 767px) {
	.show-all{
		margin-left: 47.5% !important;
	}
	.subscribe-label {
		text-align: left !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
		line-height: 25px;
	}
	.service-area .item-description {
		padding-top: 15px;
	} 
	.title-area-9 {
	    position: relative;
	}

}

@media screen and (min-width: 721px) and (max-width: 767px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 47.5% !important;
	}
	.dep-title{
		    padding-top: 7%;
	}
	
	.subscribe-label {
		text-align: left !important;
	}
.top-social {
    position: relative;
}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.affix .menu-logo {
		padding-top: 5px;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	.affix .navbar-toggle {
		border: none;
		padding-top: 8px;
	}
	
	
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.affix .menu-search {
		display: none;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 350px;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	 
}

@media screen and (min-width: 639px) and (max-width: 720px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 47.5% !important;
	}
	.btn-impr{
		border-right: 2px solid;
    	right: 4%;
	}
	.subscribe-label {
		text-align: left !important;
	}
	
.top-social {
    position: relative;
}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.affix .menu-logo {
		padding-top: 5px;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	.affix .navbar-toggle {
		border: none;
		padding-top: 8px;
	}
	
	
	
	.contact-list li {
		padding-right: 10px;
	}
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.affix .menu-search {
		display: none;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 320px;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 25%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	 
}

@media screen and (min-width: 569px) and (max-width: 640px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 47.5% !important;
	}
	.btn-impr{
		border-right: 2px solid;
    	right: 4%;
	}
	.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
	.contact-list li {
		padding-right: 5px;
	}
	.top-lang{
		padding: 1px;
		font-size: 13px;
	}
	
	.subscribe-label {
		text-align: left !important;
	}
.top-social {
    position: relative;
}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.affix .menu-logo {
		padding-top: 5px;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	.affix .navbar-toggle {
		border: none;
		padding-top: 8px;
	}
	
.breadcrumb-ban{
		min-height: 220px;
	}
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.affix .menu-search {
		display: none;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 320px;
	}
	.carousel-title {
		font-size: 3em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 20%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
 
}
@media screen and (min-width: 569px) and (max-width: 612px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 46% !important;
	}
	
	.btn-impr{
		border-right: 2px solid;
    	right: 4.8%;
	}
	.pull-right {
    float: right;
    position: absolute;
    right: 5px;
}
.top-lang{
		padding: 1px;
		font-size: 13px;
	}
	.breadcrumb-ban{
		min-height: 220px;
	}
 .tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
}



@media screen and (min-width: 481px) and (max-width: 568px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 46% !important;
	}
	
	.btn-impr{
		border-right: 2px solid;
    	right: 4.8%;
	}
	.pull-right {
    float: right;
    position: absolute;
    right: 5px;
	}
.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
.top-lang{
		padding: 1px;
		font-size: 11px;
	}
	
	.contact-list li {
		padding-right: 5px;
	}
	 .top-social {
	/*	display: none;*/
	position: relative;
	} 
	
	.breadcrumb-ban{
		min-height: 250px;
	}
	
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.affix .menu-logo {
		padding-top: 5px;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	.affix .navbar-toggle {
		border: none;
		padding-top: 8px;
	}
	
	
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.affix .menu-search {
		display: none;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 320px;
	}
	.carousel-title {
		font-size: 3em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 20%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
	.about-tweet {
		width: 100%;
		padding-bottom: 30px;
	}
	 
}

@media screen and (min-width: 415px) and (max-width: 480px) {
	.title-area-9 {
	    position: relative;
	}
	.show-all{
		margin-left: 46% !important;
	}
	
	.btn-impr{
		border-right: 2px solid;
    	right: 5.5%;
	}
	.dep-title {
    font-size: 11px;
}
	.pull-right {
    float: right;
    position: absolute;
    right: -9px;
	}
.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
.top-lang{
		padding: 1px;
		font-size: 10px;
	}
 .top-social {
	/*	display: none;*/
	position: relative;
	top: 15px;
	} 

	.top-contact {
		display: none;
	}
	
.breadcrumb-ban{
		min-height: 270px;
	}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 300px;
	}
	.carousel-title {
		font-size: 2em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 20%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.portfolio-title,
	.post-area-title {
		font-size: 1.5em;
	}
	.slide-nav {
		top: 0px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
	.about-tweet {
		width: 100%;
		padding-bottom: 30px;
	}
	.comment-author {
		float: none;
	}
	.comment-content {
		padding-left: 0px;
		padding-top: 15px;
	}
	
	
	 
}
/*--------------------------------------------- */
@media screen and (min-width: 374px) and (max-width: 414px) {
.title-area-9 {
	    position: relative;
	}
.show-all{
		margin-left: 45% !important;
	}
.btn-impr{
		border-right: 2px solid;
    	right: 5.5%;
	}
.top-lang{
		padding: 1px;
		font-size: 10px;
	}
.dep-title {
    font-size: 10px;
    /* padding-top: 3%;
	top: 340px; */
}	
.dep{
	  /*   height: 370px; */
}
.dep-btn{
	/* top: 300px; */
}
.dep-btn img {
	width: 15px;
}
	.pull-right {
    float: right;
    position: absolute;
    right: -9px;
	}
.breadcrumb-ban{
		min-height: 273px;
	}

	.top-contact {
		display: none;
	}
	
.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 280px;
	}
	.carousel-title {
		font-size: 2em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.title-area {
		width: 250px;
		margin-left: -125px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		width: 20%;
	}
	.panel-default>.panel-heading {
		padding: 16px 50px;
	}
	.portfolio-title,
	.post-area-title {
		font-size: 1.5em;
	}
	.slide-nav {
		top: 0px;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
	.about-tweet {
		width: 100%;
		padding-bottom: 30px;
	}
	.comment-author {
		float: none;
	}
	.comment-content {
		padding-left: 0px;
		padding-top: 15px;
	}
	
	 
}

@media screen and (min-width: 321px) and (max-width: 375px) {
.title-area-9 {
	    position: relative;
	}
.show-all{
		margin-left: 45% !important;
	}
.btn-impr{
		border-right: 2px solid;
    	right: 6.8%;
	}
.top-lang{
		padding: 1px;
		font-size: 10px;
	}
	.dep-title {
    font-size: 9px;
	padding-top: 19%;
}
	.pull-right {
    float: right;
    position: absolute;
    right: 0px;
	}
.breadcrumb-ban{
		min-height: 300px;
	}

 .top-social {
	/*	display: none;*/
	position: relative;
	top: 15px;
	} 

	.top-contact {
		display: none;
	}

.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 260px;
	}
	.carousel-title {
		font-size: 2em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.main-slider .btn {
		margin-top: 15px;
		padding: 7px 10px;
	}
	.slider-icon {
		font-size: 2em;
	}
	.title-area {
		width: 200px;
		margin-left: -100px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		display: none;
	}
	.panel-body {
		padding: 15px;
	}
	.panel-default>.panel-heading {
		padding: 16px 5px 16px 50px;
	}
	.portfolio-title,
	.post-area-title {
		font-size: 1.5em;
	}
	.slide-nav {
		top: 0px;
	}
	.entry-meta span {
		padding-right: 5px;
	}
	.entry-title {
		font-size: 1.25em;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
	.about-tweet {
		width: 100%;
		padding-bottom: 30px;
	}
	.comment-author {
		float: none;
	}
	.comment-content {
		padding-left: 0px;
		padding-top: 15px;
	}
	.copyright {
		line-height: 25px;
		padding: 20px 0;
	}
	
	
	
	 
}

@media screen and (min-width: 220px) and (max-width: 320px) {
.title-area-9 {
	    position: relative;
	}
.show-all{
		margin-left: 45% !important;
	}
.btn-impr{
		display: none;
	}
.dep-title {
    font-size: 10px;
    /* padding-top: 3%;
	top: 340px; */
}	
.dep{
	  /*   height: 370px; */
}
.dep-btn{
	/* top: 300px; */
}
.dep-btn img {
	width: 15px;
}
.col-xs-3 {
    width: 50%;
}
	/* .col-xs-6 {
		width:100%!important;
	} */
	
		.pull-right {
    float: right;
    position: absolute;
    right: -9px;
	}

.tabs label{
		font-size: 11px;
		line-height: 23px;
		width: 110px;
	}
 .top-social {
	/*	display: none;*/
	position: relative;
	top: 15px;
	right: 15px;
	} 

	.top-contact {
		display: none;
	}
	
.breadcrumb-ban{
		min-height: 350px;
	}
	.menu-logo {
		display: inline-block;
		padding-top: 12.5px;
		width: 70%;
	}
	.navbar-toggle {
		border: none;
		font-size: 2em;
		padding-top: 10px;
		margin: 0px;
	}
	
	.navbar-collapse {
		padding: 15px;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-nav>li>a {
		padding: 10px !important;
		display: block;
		border-left: none
	}
	.affix .navbar-nav>li>a {
		padding: 20px 10px;
	}
	.main-slider,
	.main-slider svg,
	.google-map-container {
		height: 240px;
	}
	.carousel-title {
		font-size: 2em;
	}
	.carousel-caption {
		padding-top: 5%;
	}
	.main-slider .btn {
		margin-top: 15px;
		padding: 7px 10px;
	}
	.slider-icon {
		font-size: 2em;
	}
	.title-area {
		width: 200px;
		margin-left: -100px;
	}
	.portfolio-title:before, 
	.portfolio-title:after,
	.post-area-title:before, 
	.post-area-title:after {
		display: none;
	}
	.panel-body {
		padding: 15px;
	}
	.panel-default>.panel-heading {
		padding: 16px 5px 16px 50px;
	}
	.portfolio-title,
	.post-area-title {
		font-size: 1.5em;
	}
	.slide-nav {
		top: 0px;
	}
	.entry-meta span {
		padding-right: 5px;
	}
	.entry-title {
		font-size: 1.25em;
	}
	.blog-post-singgle-page blockquote {
		margin-left: 0px;
	}
	.message-details input {
		padding: 19px 20px !important;
	}
	.service-items .sub-title {
		font-size: 1.25em;
	}
	.blog-sidebar {
		padding-left: 0px;
	}
	.child {
		padding-left: 0px;
	}
	.portfolio-slider .item {
		margin: 0 5px;
	}
	.about-tweet {
		width: 100%;
		padding-bottom: 30px;
	}
	.comment-author {
		float: none;
	}
	.comment-content {
		padding-left: 0px;
		padding-top: 15px;
	}
	.copyright {
		line-height: 25px;
		padding: 20px 0;
	}
	
	
	 
}