@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1349px){
	.inner_page{ overflow:hidden;}
	div img.attachment-post-thumbnail{ width:100%; height:auto;}	
	.home_slider img{ width:100%; height:auto;}
	.top_logo a img{ width:200px; height:auto;}	
}

@media only screen and (max-width:1299px){
	.top_logo{ width:98%;}
	.container{ width:96%;}	
	.our_service, .home_about.fooContainer, .testimonials-index-1{ overflow:hidden;}	
	.home_about.fooContainer{padding:0 0 40px 0;}
	.home_about .rotate_txt{ margin-right:0;}
	.hm_ab_right li.one{ width:50%; left:30%;}
	.hm_ab_right li.two{ left:43%;}
	.hm_ab_right li.three{ left:2%;}
	.inner_page{ overflow:hidden;}
	.navbar-default .navbar-nav > li > a {padding:15px 8px;}
	.top_logo { background:transparent; }
	header.main {  background: rgb(255, 255, 255, 0.7);  z-index: 9;  min-height: 95px; }
	
}


@media only screen and (max-width:1199px){
	.our_service{ background-size:100% 100%;}
	.our_service h3{ margin:0 0 10px 0;}	
	.testimonials{ padding:40px 0 0px 10px;}
	.testimonials p{ padding-left:0;}
	.testimonials .designation{ padding-bottom:10px;}
	.testimonials .carousel-control{ left:500px; top:70px;}
	.testi_right .heading-content{ font-size:30px; line-height:35px;}
	.white-bg{ margin-top:-80px;}
	.footer-left{ width:50%; padding:0;}
	.portelement_1{ position:static !important; display:inline-block !important; vertical-align:top !important; max-width:20% !important; 
	width:20% !important; margin:0 1% 2% !important;}	
	.home_about .rotate_txt .rotate_txt_heading{margin:90px 0 0 0px;}
	.navbar-default .navbar-nav > li > a {font-size: 18px;}	
}
@media only screen and (max-width:1034px){
    .social-links a { margin: 0 3px;}
}

@media only screen and (max-width:1024px){
	.cher img{ width:100%; height:auto;}
	.right img{ width:100%; height:auto;}
	.right br{ display:none;}
	.kb_caption {    bottom: 60%; }
	.top_logo a img {    width: 175px; margin: 0px 0 0 40px;}
	.head_sec {right: 40px;    width: 64%;}
}

@media only screen and (max-width:991px){
	.our_service, .home_about.fooContainer, .testimonials-index-1{ overflow:hidden;}	
	.kb_caption_right{ padding:13px 0;}
	.hm_ab_right li{ position:static; display:inline-block; vertical-align:top; margin:0 15px 0 0;}
	.hm_ab_right li.one, .hm_ab_right li.two{ left:auto; top:auto; float:none; right:auto; top:auto; margin-right:15px;}
	.hm_ab_right li a .img, .hm_ab_right li a .img img, .hm_ab_right li.one a .text{-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	.hm_ab_right li.one{ width:30%; display:inline-block; vertical-align:top;}
	.hm_ab_right ul{ margin:40px 0 0 0;}
	.hm_ab_right li.one a .text, .hm_ab_right li.two a .text, .hm_ab_right li.three a .text{ left:auto; top:auto; margin:0 0 20px 0; position:static; text-align:left;}
	.home_about.fooContainer{ padding-bottom:80px;}
	.our_service{ margin-top:5px;}
	.testimonials .carousel-control{ left:30px; top:-180px;}
	.testi_right{ text-align:left; margin:0; padding-top:0;}
	.testi_right .heading-content span{ display:inline-block;}
	.footer-right{ width:47%; padding:0 20px;}
	.our_service p{ padding:0 50px;}
	.our_service .ser_right .text{ margin:80px 0 0 0;}
	#first-slider .slide1 h3{ line-height:30px;}
	.our_service .ser_right p{ line-height:18px;}	
	.portelement_1{ width:30% !important;}	
	.left { margin:15px 0 0 0;}
	.left br{ display:none;}
	.inner_page h2{ margin:0;}	
	.testimonials .carousel-control .fa-angle-right{margin-top: -8px;}
	.home_slider .carousel.kb_elastic.animate_text .carousel-inner .item .carousel-caption.kb_caption.kb_caption_right { padding: 0;}
	.f-logo img { width: 200px;}
	.box img { width: 100%; }
	.home_slider .carousel.kb_elastic.animate_text.kb_wrapper .left.carousel-control.kb_control_left, .home_slider .carousel.kb_elastic.animate_text.kb_wrapper .right.carousel-control.kb_control_right {  margin-top: 15px; } 
	.home_slider .carousel.kb_elastic.animate_text.kb_wrapper .carousel-inner .item .carousel-caption.kb_caption.kb_caption_right {  bottom: auto; top: 50%;}
	.blog .left_side_blog {   width: auto;  display: block; margin-bottom: 20px; }
	.blog .right_side_blog {  width: auto;  display: block; float: none; }
	.blog .right_blog .blog_img { display: inline-block;  width: 92px; }
	.blog .right_blog .blog_content h3 { margin: 0px 0 6px 10px; font-size: 12px;}
    .blog .left_side_blog { width: auto; display: block; margin-bottom: 20px; }
    .blog .blog_box .blog_img { width: 39%; }
    .blog .blog_box .blog_content { width: 59%;}
    .blog { padding: 20px 0 0; }
    .blog .blog_box:first-child, .blog .blog_box { margin: 0 0 20px 0; padding: 20px; }
    .blog .blog_box:last-child { margin:0; }
    .blog .right_side_blog { width: auto; display: block; float: none;}
    .blog .right_blog .blog_img { display: inline-block; width: 92px; }
    .blog.detail .left_side_blog .blog_box .blog_content { margin-top: 20px; }
    footer { margin-top: 110px;}
}

@media only screen and (max-width:954px){
    .head_sec {width:68%;}
}
@media only screen and (max-width:898px){
    .top_logo a img {    width: 160px;    margin: 0px 0 0 20px; }
    .head_sec {    right: 20px;}
    .navbar-default .navbar-nav > li > a {    padding: 10px 6px; }
    
}
@media only screen and (max-width:862px){
    .top_logo a img {margin:0;}
    .head_sec {    width: 74%;     right: 10px; }
    .container { width: 96%; }
    
}

@media only screen and (max-width:792px){
    .navbar-default .navbar-nav > li > a {    padding: 10px 4px; }
    .social-links a {    margin: 0 2px; }
}


@media only screen and (max-width:767px){
	.blog .blog_box .blog_content h3 {    font-size: 18px;   line-height: 24px; }
	.blog .blog_box .blog_content p {  font-size: 13px; }
	.kb_caption h1{ font-size:25px;}
	.kb_caption{ bottom:50%;}
	.top_logo{ top:0px;}
	.head_sec{ margin-top:0px;}
	.navbar-fixed-top{ margin:0;}
	.navbar-toggle{ position:absolute; margin-right:0;}
	.pull-right { margin: 3px 0 0 0;  z-index: 99999; padding:0 10px 0 0px;}
	.navbar-nav{ margin:4px 0;}
	
	.our_service .ser_right .number{ display:none;}
	.our_service .ser_right .text{ width:100%;}
	#first-slider .slide1 h3{ font-size:23px;}
	.home_about{ margin-top:25px;}
	.home_about .home_about_content h3{ font-size:25px; line-height:25px;}
	.hm_ab_right ul{ text-align:center;}
	.hm_ab_right li.one{ width:47%; margin:0 2%;}
	.hm_ab_right li a .img{ width:100%; height:auto;}
	.hm_ab_right li.one a img, .hm_ab_right li.two a img, .hm_ab_right li.three a img{ width:100%; height:auto;}
	.hm_ab_right li.three{ width:100%; text-align:center; margin:30px 0 0 0;}
	.hm_ab_right li.three a img{ width:auto; display:block; margin:0 auto;}
	.hm_ab_right li.three a .text{ text-align:center;}
	.why_choose h3{ font-size:25px; line-height:25px; margin:0;}
	.why_choose ul li{ width:46%; margin:0 1%;}
	.testimonials .carousel-control .fa-angle-right{ margin-right:-10px;}
	
	.footer-left{ width:100%; padding:20px; box-sizing:border-box;}
	.get_quote{ padding:0;}
	.footer-right{ width:100%;}
	.footer-right-h{ font-size:25px;}
	.footer-right ul li span{ font-size:20px;}
	.footer-right ul li{ font-size:15px; line-height:24px; margin:0 0 12px 0;}
	.social-media ul li{ width:45px; height:45px;}
	.social-media ul li a{ padding:9px 0;}
	.social-media{ margin:20px 0;}
	.get_quote input.btn-secondary{ font-size:23px;}
	
	.left br{ display:none;}
	
	 .portfolio-gallery-content .portelement_1{ max-width: 300px !important; width:100% !important;}
	 
	 .our_service .carousel-inner .item .container{ display:block; justify-content: normal;align-items: left; position: static;}
	 .our_service .carousel-inner .item .container img{ float:none; display:block; margin:0 auto;}
	 .our_service .ser_right .text{ margin:20px 0 0 0;}
	 
	 .p-relative{ position:relative;}
	 .p-absolute{ position:absolute; top:0; right:12px;}
	 .p-absolute {    right: 80px; }
	 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {    background-color: #0e71a5;    position: absolute;    right: 0; }
	 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #0290F0;    background: #fff;    position: absolute;
    width: 300px;    right: 0;    top: 100%;    border-top: 1px solid #0290F0;
    border-bottom: 1px solid #0290F0; }
    
    ul#menu-primary-menu li ul li ul {}
    ul#menu-primary-menu li ul li:hover ul {position: relative;  left: 0;}
    header.main {min-height: 75px;    }
    .kb_caption_right { min-height: 62px; }
    .inner_banner img { height: 260px; }

}

@media only screen and (max-width:667px){
	.home_about .home_about_content{ width:100%; margin:20px 0 0 0; text-align:center;}
	.home_about .rotate_txt{ width:100%; text-align:center; margin:0;}
	.home_about .rotate_txt .rotate_txt_img{ margin:0;}
	.home_about .rotate_txt .rotate_txt_heading{margin:0; -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);	transform: rotate(0deg); text-align:center; line-height:66px;}

	.hm_ab_right li.one{ width:75%;}
	.hm_ab_right li.two{ width:60%; margin:15px 0 0 0;}
	.hm_ab_right li.one a .text, .hm_ab_right li.two a .text, .hm_ab_right li.three a .text{ text-align:center;}
	.home_about .home_about_content .home_about_img a img{ width:100%; height:auto;}
	
	.why_choose ul li h4{ font-size:18px;}
	
	.portfolio-gallery-content .portelement_1{max-width: 260px !important;}
}


@media only screen and (max-width:567px){
	.kb_caption{ display:none;}	
	.why_choose ul li{ width:100%; margin:0;}
	.testimonials{ margin-left:0; background-size: cover;}	
	.testimonials .carousel-control .fa-angle-right{ margin-right:-20px;}
	.modal-dialog{ margin:30px 15px;}	
	.portfolio-gallery-content .portelement_1{max-width: 220px !important;}	
	.top_heading{ margin-bottom:5px;}
	.inner_page h1, .inner_page h2{ line-height:30px;}
	.col-service {    width: 47%;}
	.our_service .col-service p {margin: 10px 0px 0;}
	.blog .blog_box .blog_img {  width: auto;  display: block;}
	.blog .blog_box .blog_content {  width: auto; padding: 0;}
	.blog .blog_box:first-child, .blog .blog_box {padding: 10px; border: 6px solid #F4F6FF;}
    .blog .blog_box .blog_img {  width: 100%; }
    .blog .blog_box .blog_content {  width: auto; margin-top: 20px; }
    .blog .blog_box .blog_content h3,
    .blog .blog_box .blog_content p,
    .blog .blog_box .blog_content a { margin-left: 0; }
    .blog .right_side_blog { padding: 10px; }
    .blog .right_blog:first-child { margin-bottom: 0px; margin-top: 0px; }
    .blog .right_blog:last-child { margin-bottom: 0px; margin-top: 10px; }
    .blog .right_blog { margin-bottom: 0; margin-top: 10px; }    
    .blog .right_blog .blog_content { width: 64%;}
    .blog .blog_box .blog_img span { font-size: 12px; padding: 6px 8px 4px; }
    .blog.detail .left_side_blog .blog_box .blog_content h4 { font-size: 15px; margin: 10px 0; line-height: 24px; }
    .blog.detail .left_side_blog .blog_box .blog_content h5 { font-size: 14px; margin: 10px 0; }
    .blog.detail .left_side_blog .blog_box .blog_content ul li { font-size: 12px; padding-left: 0; line-height: 22px; }	
    .blog.detail .blog_box .blog_img img { height: auto; }
}

@media only screen and (max-width:480px){
    .testimonials .carousel-control .fa-angle-right{ top:40.5%;}
    .testimonials .carousel-control .fa-angle-left{ top:40%;}
    
	.top_logo a img{ width:100px; height:auto;}
	.hm_ab_right li.one a img, .hm_ab_right li.two a img, .hm_ab_right li.three a img{ width:auto;}
	.home_about.fooContainer{ padding-bottom:30px;}
	
	.testimonials .carousel-control .fa-angle-right{ margin-right:-25px;}
	
	.portfolio-gallery-content .portelement_1{max-width: 100% !important; margin:10px 0px !important;}
	.portelement_1 .image-block_1, .portelement_1 .image-block_1 img{ height:auto !important;}
	
	.inner_page h1, .inner_page h2{ font-size:25px;}
	.box img {    width: 100%; }
	.col-service {    width: 100%;    margin: 0 0 4%; }
	.our_service .col-service a {    font-size: 16px;}
	.col-service img {    width: 60px;    height: 60px;}
	.social-links {    display: none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {margin:0;}
	.navbar-toggle .icon-bar {width: 18px;   height: 1px;}
	.navbar-toggle {padding:6px 8px;}
	.kb_elastic .left {margin:0;}
	.head_sec .container .col-md-12 {    padding: 0; }
	.contct_form form {padding:10px;}
	.contct_form input, textarea {margin:0 0 10px 0;}
	.contct_form input[type="submit"] {margin:0;}
	.col-md-12.top_heading.demo p img {    margin: 0;    max-width: 100%; }
	.col-md-12.top_heading.demo ul {    margin: 0 0 0 10px;	}
	.home_about .rotate_txt .rotate_txt_heading {line-height: 32px;    font-size: 38px;}
	.home_about .home_about_content h3 {color: #333;}
	.why_choose ul li h4 {  font-size: 20px;}
	.navbar { min-height: 38px; padding-top: 2px; }
	header.main { min-height: 48px;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none;}
	.top_logo {  width: 100%; }
	.head_sec { right: 0; }
	.head_sec .container.fooContainer .row, .testimonials-index-1 .container-fluid .row {  margin: 0; }
	.head_sec .container.fooContainer .row .col-md-12 .p-relative, .testimonials-index-1 .container-fluid, .testimonials-index-1 .container-fluid .row .left {  padding: 0; }
	.home_slider .carousel.kb_elastic.animate_text.kb_wrapper .left.carousel-control.kb_control_left, .home_slider .carousel.kb_elastic.animate_text.kb_wrapper .right.carousel-control.kb_control_right { margin: 0; }

	.home_about .home_about_content h3, .our_service h3, .testimonials .name, .testi_right .heading-content, .why_choose h3, .our_project h3, .footer-left-h { font-size: 25px; }
	.home_about .home_about_content h3 span { color: #028cd4; }
	.home_about .home_about_content h3, .footer-left-h { margin-bottom: 10px; }
	.home_about .home_about_content .block {  margin: 0 0 10px; }
	.home_about .home_about_content .view_btn { margin-top: 16px !important;  margin-bottom: 0px !important; font-weight: normal; }
	.our_service .col-service p { font-size: 14px; }
	.why_choose, .testi_right p { padding-bottom: 0; }
	.testimonials-index-1 .container-fluid .row .left .testimonials.owl-carousel.owl-theme.owl-loaded {  min-height: 280px;}
	.testimonials-index-1 .container-fluid .row .left .testimonials.owl-carousel.owl-theme.owl-loaded .carousel.slide .left.carousel-control, .testimonials-index-1 .container-fluid .row .left .testimonials.owl-carousel.owl-theme.owl-loaded .carousel.slide .right.carousel-control {
    top: -30px; left: 0; bottom: auto;  right: auto; margin: 0; padding: 0;}
    .testimonials .carousel-control .fa-angle-left, .testimonials .carousel-control .fa-angle-right { margin: 0; left: 0; line-height: normal; }
    .testimonials-index-1 .container-fluid .row .left .testimonials.owl-carousel.owl-theme.owl-loaded .carousel.slide .right.carousel-control { left: 40px; }
    .read_more_project { margin: 30px auto 0; }
    .why_choose .content-1 p { font-size: 14px; padding: 0;}
    footer { margin-top:100px;  }
    .footer-left-h { line-height: normal; }
    .get_quote .form-group, .get_quote .form-group:last-child {  margin-bottom: 16px; }
    .get_quote input.btn-secondary { font-size: 20px; font-weight: normal; }
    .footer_links ul { margin: 0 !important; }
    .f-logo img { width: auto; }
    .get_quote .form-group:last-child .capbox .capbox-inner, .our_project h3 { margin-top: 10px;}

}


@media only screen and (max-width:380px){
	.hm_ab_right li.two{ width:75%; margin:21px 0;}
	.testimonials .carousel-control .fa-angle-right{ margin-right:-35px;}
	.testimonials .carousel-control { left: 30px; top: -224px;}
	.home_about .home_about_content .block { line-height: 32px; }
	.home_about .home_about_content { margin-top: 10px; }
	.testimonials .carousel-inner .item .container { width: 100%; padding: 0; }
	
}