/* Media Queries
-------------------------------------------------------------- */



@media only screen and (min-width: 1440px){
	h1.parallax_text {
    font-size: 27px !important;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {

}



/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	#mainnav > ul > li > a {
		padding: 0 0px;
	}
	h1.parallax_text {
    font-size: 22px !important;
    margin-bottom: 20px;
  }
	.header-top .info .address {
    margin-right: 0px;
   }
	.header07 .topbar .left p.icon {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	}
	.header07 #mainnav > ul > li > a {
	    padding: 0 27px;
	}
	.tp-banner .tp-caption h1,
	.tp-banner .tp-caption.text1 {
		padding-left: 30px;
	}
	.tp-banner .tp-caption.btn01,
	.tp-banner .tp-caption.btn02 {
		margin-left: 30px;
	}
	.feature-box .text {
		max-width: 820px;
		padding: 70px 20px 40px 80px;
	}
	.news-box .post {
		margin-bottom: 30px;
	}
	.news-box .post .media {
		max-width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-box .title-post {
		line-height: 24px;
	}
	.news-box .readmore {
		margin-top: 15px;
	}
	.page-portfolio article h3 {
		font-size: 17px;
	}
	.footer .footernav01 {
		margin-right: 3.9%;
	}
	.margin_top_bottom {
    margin-bottom: 50px;
    margin-top: 0;
    }
    .shadow-aboutimg {
    margin-bottom: 0px !important;
    margin-top: 35px !important;
}


  footer.footer .stay-connected ul li {
    float: left;
    margin-right: 0px;
}

#mainnav > ul > li {
    margin: -9px 12px;
}

.brochure {
    text-align: justify;
    margin-bottom: 42px;
    padding: 5px 18px 14px 24px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.testimonials-sidebar {
    position: relative;
    padding: 0 24px 24px 24px;
    border: 1px solid #ccc;
}

.map-bg {   
    padding: 0px 0px;
}

section.page-networks {
    margin-bottom: 50px;
}

.about-us-section .special-feature .mask-bottom h4 {
    margin: 0px 0px 0px;
    color: #fff;
}

}




@media only screen and (max-width: 1199px) and (min-width: 991){
.bann_subtext {
    left: 20px !important;
   }



}



/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.topbar .left ul, .topbar .right ul {
		padding: 0;
	}
	.header02 .topbar .left ul, .topbar .right ul,
	.header04 .topbar .left ul, .topbar .right ul {
		display: inline-block;
	}
	.header-top .info {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    float: right;
}

h1.parallax_text {
    font-size: 17px !important;
    margin-bottom: 20px;
}
	.header06 #header #logo {
	    margin-top: 13px;
	}
	.header06 #header #logo a img {
	    max-width: 160px;
	}
	.header07 #mainnav > ul > li > a {
	    padding: 0 13px;
	}
	.header07 .topbar .left .open-hours {
	    display: none;
	}
	.header07 .topbar .center #logo {
	    text-align: center;
	}
	.header07 .topbar .center #logo img {
	    max-width: 165px;
	}
	.header08 .topbar .right .open-hours {
		display: none;
	}
	.header08 .mega-wrap ul li a {
	    padding-left: 0;
	}
	.header08 .topbar .right {
	    top: 11px;
	}
	.main-content,
	.sidebar,
	.left-sidebar .main-content,
	.left-sidebar .sidebar,
	.right-sidebar .main-content,
	.right-sidebar .sidebar {
		float: none;
		width: 100%;
	}
	.counter .name {
	    margin-bottom: 30px;
	}
	.right-sidebar .blog-post .main-content > .content {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
	.left-sidebar .blog-post .main-content > .content {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	.page-portfolio article h3 {
		font-size: 13px;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
	    text-align: left;
	}
	.page-contact02 .contact-info .item .icon-wrap,
	.page-contact03 .contact-info .item .icon-wrap {
		text-align: center;
	}
	.page-contact02 .contact-info .icon-wrap i,
	.page-contact03 .contact-info .icon-wrap i {
	    font-size: 34px;
	    width: 70px;
	    height: 70px;
	    line-height: 70px;
	}
	.masonry h2.title-post {
	    font-size: 18px;
	}
	.news-box02 .text {
	    padding: 70px 20px 65px 66px;
	}

	.footer .footernav {
    text-align: left;
   }

   .btn_sbscribe a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
}
#mainnav > ul > li {
    margin: -16px 12px;
}

#mainnav > ul > li > a{
  position: relative;
  height: 50px;
}

aside.sidebar h2.title {
    font-size: 16px;
}

.left-sidebar .main-content {
  
    padding-left: 15px;
    padding-right: 15px;
}


.our_product_align{
    float: none;
}

.map-bg {   
    padding: 0px 30px !important;
}


.map_section_bottom {
    margin-bottom: 160px;
}

.about-us-section .special-feature .mask-bottom h4 {
    margin: 20px 0px 20px;
    color: #fff;
}


.breadcrumb-wrap h1 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin: 76px 0 76px;
}

}
/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.topbar .left ul li {
	   margin-left: 0px;
	}
	.header-top .logo {
		top: 4px;
		max-width: 160px;
	}
	.header-top .info .address {
		margin-right: 10px;
	}
	.header-top .info .open-hours {
		margin-right: 0;
	}
	.header-top .info .text,
	.header-top .open-hours .text {
		max-width: 250px;
		line-height: 19px;
		letter-spacing: -0.3px;
	}
	.header-top .info .icon {
		margin-right: 5px;
		width: 35px;
		height: 35px;
		padding-top: 5px;
	}
	#mainnav > ul > li > a {
		padding: 0 0px;
		font-size: 14px;
	}

	.is-sticky #mainnav > ul > li > a {
    height: 58px;
    line-height: 64px;
}
	.get-appointment a {
		font-size: 12px;
		padding: 0 12px;
	}
	.header02 .get-appointment a,
	.header03 .get-appointment a {
		padding: 0 10px;
	}
	.feature-post {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.feature-post .feature h3 a {
		padding: 11px 15px;
		font-size: 14px;
		letter-spacing: 0;
	}
	h2.title {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.services-box {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.icon-box {
		margin-bottom: 30px;
	}
	.icon-box i {
		font-size: 35px;
	}
	.icon-box .text {
		padding-left: 45px;
	}
	.icon-box .text h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.feature-box .text {
		padding: 50px 20px 25px 40px;
	}
	.feature-box .text h3 {
		font-size: 34px;
		margin-bottom: 15px;
	}
	.feature-box .text h3 span {
		font-size: 16px;
		line-height: 22px;
		margin-top: 11px;
	}
	.feature-box .text p {
		margin-bottom: 30px;
	}
	.testimonial-box {
		padding-top: 52px;
		padding-bottom: 25px;
	}
	.testimonial .text span.name {
		margin-top: 15px;
	}
	.request-box {
		padding-top: 52px;
		padding-bottom: 67px;
	}
	.news-box {
		padding-top: 52px;
		padding-bottom: 28px;
	}
	.news-box .post .media {
		float: none;
	}
	.news-box .title-post {
		line-height: 22px;
		margin-top: 10px;
	}
	.news-box .readmore {
		margin-top: 16px;
	}
	.more-info h3 {
		font-size: 30px;
	}
	.more-info input[type="email"] {
		width: 153px;
	}
	.footer .footer-logo {
		margin: 17px 0 14px 4px;
		max-width: 190px;
	}
	.footer .footernav01 {
		margin-right: 1.9%;
	}
	.footer .footernav02 {
		width: 100%;
		margin-right: 2%;
	}
	.footer .footernav03 span {
		margin-bottom: 5px;
	}
	.footer02 .footer-recent ul li span.media {
	    max-width: 70px;
	}
	.footer02 .footer-recent ul li a,
	.footer02 .footer-recent ul li span.date {
	    margin-left: 85px;
	}
	.footer02 .footer-recent ul li {
	    margin-bottom: 35px;
	}
	.footer02 .footernav03 .subscribe-form label {
	    padding-right: 100px;
	}
	.footer02 .footernav03 input[type="submit"] {
		padding: 15px 13px 12px;
	}
	.footer04 .footer-logo {
		max-width: 100%;
	}


   .contact-info p {
    padding: 0 0 6px;
   }

   .news-box02 .text {
    padding: 70px 20px 65px 26px;
    text-align: justify;
    position: relative;
  }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.topbar .left {
		display: inline-block;
	}


	.topbar .right{
		display: none;
	}
	.header02 .topbar .left,
	.header04 .topbar .left {
		display: inline-block;
		padding-top: 20px;
	}
	.header05 .header-nav #logo img {
	    max-width: 146px;
	}
	.header05 .header-nav #logo {
	    margin-top: 3px;
	    margin-bottom: 7px;
	}
	.header06 #header {
	    background: rgba(0, 0, 0, 0.9);
	}
	.header06 #header #logo {
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.header06 #mainnav-mobi {
	    background-color: #323232;
	}
	.header06 #mainnav-mobi ul li {
	    border-top: 1px solid #5d5d5d;
	}
	.header06 #mainnav-mobi ul.sub-menu {
	    background-color: #474747;
	}
	.header07 .header-nav {
	    background-color: #2e5797;
	}
	.header08 .topbar .left {
		display: none;
	}
	.header08 .get-appointment {
	    text-align: left;
	    height: 27px;
	    margin-top: 2px;
	}
	.header08 .btn-menu {
	    color: #000;
	}
	.header08 .get-appointment a {
	    line-height: 27px;
	}
	.header-top {
		padding: 12px 0 0;
	}
	.header-top .logo {
		max-width: 180px;
		left: 0;
		margin-bottom: 10px;
	}
	.header-top .info {
		display: none;
	}
	#mainnav-mobi ul li {
		width:auto !important;
	}
	.get-appointment {
		height: 40px;
		text-align: left;
	}
	.get-appointment a {
		line-height: 40px;
		font-size: 11px;
		padding: 0 10px;
	}
	.btn-menu {
		position: relative;
		display: inline-block; 
		margin-top: 20px;
		z-index: 999;
	}
	.left-side-menu #header {
	    display: block;
	}
	.btn-left-menu {
		display: none;
	}
	.main-slider .text-content h2 {
	    font-size: 19px;
	}
	.main-slider .text-content .text-scroll h1 {
	    font-size: 35px;
	}
	.main-slider .text-content p.intro {
	    font-size: 15px;
	}
	.feature-post {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.feature-post .feature {
		margin-bottom: 15px;
	}
	.services-box {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	h2.title {
		font-size: 26px;
		margin-bottom: 45px;
	}
	h2.title:after {
		bottom: -15px;
	}
	.icon-box {
		margin-bottom: 30px;
	}
	.icon-box i {
		font-size: 45px;
	}
	.icon-box .text {
		padding-left: 60px;
	}
	.feature-box .image {
		width: 100%;
		height: 300px;
		float: none;
	}
	.feature-box .text {
		width: 100%;
		float: none;
		padding: 20px 15px;
	}
	.feature-box .text h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.feature-box .text h3 span {
		letter-spacing: 0;
		margin-top: 5px;
		line-height: 23px;
	}
	.feature-box .text p {
		margin-bottom: 30px;
	}
	.testimonial-box {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.request-box {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.requestform {
		padding-left: 0;
	}
	.requestform p {
		width: 100%;
		float: none;
	}
	.requestform input[type="text"], .requestform input[type="email"], .requestform select {
		margin-bottom: 10px;
	}
	.news-box {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.more-info h3 {
		margin-top: 0;
		font-size: 21px;
	}
	.more-info p {
		font-size: 14px;
	}
	.more-info label {
		display: block;
	}
	.more-info input[type="email"] {
		width: 99%;
		padding-right: 140px;
	}
	.teammember article,
	.teammember.three-cols article {
		width: 50%;
	}
	.partners {
		margin: 0;
	}
	.partners li {
		width: 100%;
		margin: 0 0 15px;
	}
	.post .media {
		max-width: 40%;
		margin-right: 20px;
	}
	.tags-share .tags,
	.tags-share .share {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	.page-portfolio article h3 {
		font-size: 16px;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style4 .item {
		width: 50%;
	}
	.page-about .main-content ul li span {
		width: 16%;
	}
	.page-about .main-content ul li div {
		width: 83%;
	}
	.page-about .main-content ul li div:before {
		left: 17px;
	}
	.page-about .main-content ul li div:after {
		left: 12px;
		top: 3px;
	}
	.page-service .left ,
	.page-service .right {
		width: 100%;
		float: none;
		padding: 0;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style3 .two-cols .item,
	.page-portfolio.style3 .four-cols .item,
	.page-portfolio.style4 .item,
	.page-portfolio.style4 .two-cols .item,
	.page-portfolio.style4 .four-cols .item {
		width: 50%;
	}
	.news-box02 .image,
	.news-box02 .text {
	    width: 100%;
	    float: none;
	}
	.news-box02 .text {
		padding: 30px 15px 30px 15px;
	}
	.news-box02 .image {
	    height: 300px;
	}
	.news-box02 .image.img-right {
	    float: none;
	}
	.news-box02 .text:before,
	.news-box02 .text:after {
	    content: none;
	}
	.footer {
		padding: 30px 0 0;
	}
	.footer .footer-logo {
		margin: 15px 0;
	}
	.footer .footernav nav {
		width: 100%;
	}
	.footer .bottom {
		margin-top: 30px;
		padding: 10px 0 26px;
	}
	.footer .bottom p {
		margin: 0;
		text-indent: 3px;
		font-size: 11px;
		text-align: center;
	}
	.footer p.totop {
		position: absolute;
		top: -50px;
		width: 100%;
		text-align: center;
		margin-left: -15px;
	}
	.footer02 .footer .bottom {
	    padding: 42px 0 14px;
	}
	.footer02 .footer p.totop {
	    top: -75px;
	}
	.footer02 .footer-social {
	    width: 100%;
	    text-align: center;
	}
	.footer02 .footer-social ul {
	    float: none;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
	    padding: 0 5px;
	}
	.page-contact03 .contact-info .item {
	    margin-top: 30px;
	}
	#gmap {
	    margin-bottom: 30px;
	}
	.masonry .post {
	    width: 50%;
	}

   .topbar {
    height: 40px;
    background-color: #222222;
    font-size: 12px;
    text-align: center;
  }
  .topbar ul li a {
    font-size: 10px !important;
  }

  .topbar .left ul li i{
  	  font-size: 10px !important;
  }

  .logo_img {
    text-align: center;
  }

  .btn_sbscribe {
    text-align: center;
    margin-top: 10px;
 }
  
  h1.parallax_text {
    font-size: 38px;  
    margin-bottom: 20px;
 }
  .contact-info p {
    padding: 0 0 8px;
  }

  	.footer p.totop {
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    margin-left: -15px;
   }

   .btn-menu {
       color: #e31e24;
  }
   .left-sidebar .main-content {
    padding-left: 15px;
    padding-right: 15px;
 }




}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.teammember article,
	.teammember.three-cols article {
		width: 100%;
	}
	.teammember.list article .media {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.post .media {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.entry-post ul.list {
		margin: 40px 0 40px 0;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
	    width: 100%;
	    text-align: center;
	}
	.masonry .post,
	.masonry.two-cols .post {
	    width: 100%;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style3 .two-cols .item,
	.page-portfolio.style3 .four-cols .item,
	.page-portfolio.style4 .item,
	.page-portfolio.style4 .two-cols .item,
	.page-portfolio.style4 .four-cols .item {
		width: 100%;
	}
	.main-slider .text-scroll {
	    height: 60px;
	}
	.main-slider .text-content .text-scroll h1 {
	    font-size: 25px;
	    height: 60px;
	    line-height: 60px;
	}

	.btn-menu {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    z-index: 999;
}


}



@media (max-width: 425px){
 h1.parallax_text {
    font-size: 32px;
    margin-bottom: 20px;
     text-align: center;
 }

}

@media (max-width: 375px){
	.btn-menu {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    z-index: 999;
}
.getintouch_captcha input[type="text"]{
  padding: 15px 15px;
}

}


@media (max-width: 320px){
	.btn-menu {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    z-index: 999;
}



}


@media (min-width: 320px){
 h1.parallax_text {
    font-size: 28px;
    margin-bottom: 20px;    
}

}

/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

	/* Retina-specific stuff here */

}