@media (max-width:1500px) {
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.grid figure figcaption {
padding:.5em;
}
figure.effect-bubba p {
padding:5px;
}
.effect-bubba figcaption {
text-transform:none
}

.grid figure figcaption {
padding:.5em;
}

}
@media (max-width:1400px) {

.navbar-default .nav li a{padding:11px 9px;}
.service-grid p{line-height:1.7;}
 figure.effect-roxy figcaption {
 padding: 1em!important;
 text-align: left;
}

.grid figure figcaption {

    padding: 0.5em!important
}

figure.effect-bubba p { line-height:15px; font-size:11px; }
figure.effect-roxy p { font-size:11px; line-height:15px} 


}

@media (max-width:1199px) { 
#section-service-1 h4 { margin:0 0 20px; padding:0;}
.grid figure h2 {
font-size:18px;
}
.footer-div {padding:50px 0}
#section-about-us-2 h2 { font-size:30px;}
.navbar-default .nav li a{padding:12px 10px; font-size:11px}
.service-grid .service-primary-item{padding: 0 30px}
.service-grid .service-primary-item div h3{font-size:28px; line-height:35px}
.info-div2 { display:none!important}
.info-div1 {display:block!important}

#section-service-1 p { height:125px; overflow:hidden; line-height:20px;}
#section-service-1 h3 { font-size:20px; margin:5px 0 15px}
#section-service-1 h4 { font-size:20px; margin:5px 0 15px}
figure.effect-roxy p { font-size:10px; line-height:10px} 


#carousel-example-generic2 .glyphicon-chevron-right { top: 18%;}
#carousel-example-generic2 .glyphicon-chevron-left { top: 18%;}

.arrow-3 .carousel-control {top:18%;}

figure.effect-oscar h2 { font-size:18px!important; margin:0 0 5px 0}
figure.effect-oscar p  {font-size:12px!important; line-height:15px}

}

@media (max-width:1024px) {
figure.effect-oscar P { display:none!important}
.about-css h3 a { font-size:18px!important;}
.blog-left-grid h4 { font-size:14px!important;}
figure.effect-roxy figcaption p {
display:none
}
figure.effect-oscar figcaption { padding:0!important;}

}
@media (max-width:991px) {

.project-info h2 { margin:20px 0 15px 0 }

.modal-body p {
    margin: 20px 0 0;
}

.serv-img-main{padding:10px 10px 10px}
#section-about .link-txt{margin-bottom:10px}
.imghvr-hinge-up figcaption h3 { font-size:18px; margin:0 0 10px 0; padding:0; line-height:inherit}

.arrow-3 .carousel-control {
    top: 12%;
}

.div-n1 { display:none}
.div-n2 { display:block}
#section-service-1 p { height:84px; overflow:hidden; line-height:20px;}
#section-service-1 h3 { font-size:18px; margin:0 0 15px}
#section-service-1 h4 { font-size:18px; margin:0 0 15px}

.btn-line {
    margin: 8px 0 25px;
}

.link-text { margin:0 0 20px 0}

.list2 li {width:177px;}
.list3 li { width:177px!important}
#services-list li a { font-size:15px;}
.list2 #services-list li {margin-bottom:10px;}
#project-single-area .project-info h3 { margin:45px 0 0 0; padding:0 0 27px 0}


.navbar-default .nav li a {
padding-left: 10px;
padding-right: 13px; font-size:10px;
}
.agile-footer-grid{margin-bottom:15px}

.navbar-brand > img {
display: block;
width:179px;
}
.navbar-default .navbar-brand {
margin:6px 0 0 0;
}
.div-1 {
display:block;
}
.div-2 {
display:none;
}
.div-1 .col-md-6 {
}
.grid figure p {
line-height:normal;
letter-spacing:normal;
font-size:10px;
}
figare.effect-bubba h2 {
padding-top:10%;
}

figure.effect-oscar h2 {
padding-top:10%;
}
.grid figure p {
line-height:normal;
letter-spacing:normal;
font-size:14px;
}
figare.effect-oscar h2 {
padding-top:10%;
}
.grid figure h2 {
font-size:18px;
}
figure.effect-oscar figcaption {
padding: .5em!important;
}
figure.effect-oscar p {
line-height:15px!important;
font-size:11px!important
}
figure.effect-oscar h2 {
padding-top:1%!important;
}
figure.effect-roxy h2 {
text-align:center
}
#section-about h3 {
font-size:18px;
}
#section-about h3 .id-color {
margin:0;
}
#section-about .grid figure {
margin:0;
}
 figure.effect-roxy figcaption {
padding:.5em!important;
}
#section-what h3 {
font-size:17px;
margin:10px 0 5px 0!important;
padding:0; 
}
.grid figure h2 {
font-size:18px!important;
}
figure.effect-roxy figcaption p {
display:none
}
figure.effect-bubba p {
display:none
}
figure.effect-oscar P {
display:none
}
#portfoliolist .portfolio {
}
#section-about-us-2 h2 {
font-size:25px;
}
.custom-quote {
padding:33px
}
.custom-quote p {
line-height:18px;
}
.view-third .mask {
display:none
}
.project-info-list {}
.logo-small { width:80%}
.panel-title { font-size:13px!important;}

#services-list li a { padding:10px;}
.img-holder h3 { font-size:20px; margin:10px 0 0 0;}
.project-single-v1-area .related-project-items { padding-top:50px;}
.pic-services img { margin-bottom: 20px;}
.footer-div { padding:40px 0}
#view-all-projects, #call-to-action {padding:30px 0}
.blog-2 h3 {font-size:23px;}
.blog-left-grid h4 {font-size:15px;}

.date-div br { display:none}
.about-css h3 a { color: #fff; font-size:20px;}
.faq-content-area h1 {font-size:25px;}
.accordion-box {padding: 0 0 20px;}

.service h2 { margin:20px 0 20px 0; padding:0; font-size:25px;} 
.btn-line, a.btn-line { padding:5px 30px}
.blog-2 p { line-height:20px;}

.carousel-caption h2 { font-size:60px;}
.footer { font-size:13px;}

#content {padding:40px 0}


.footer-div {font-size:12px; line-height:18px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:20px;
height:20px;
margin-top:-15px;
}


.carousel-caption p {
    font-size: 14px;
    line-height:18px;
    margin: 0 0 5%;
}

.carousel-caption hr { margin:18px auto}
.banner-bt { margin:3% 0 0 0; display:inline-block}

}
@media (max-width:979px) {
.navbar-collapse{width:100%; background:rgba(0,0,0,0.9)}
.dropdown .dropdown-menu{display:none} 
.open .dropdown-menu{display:block} 
.navbar-default .nav li a{padding:12px 8px; font-size:11px}
.navbar-header, .top-bar{width:100%}

.top-bar{padding:0 10px}
.top-social {display:none}
.service-4-stats{height:auto}
.projects-right1 img{width:100%}

}
@media (max-width:767px) {
.top-social{display:none}
.navbar-header{width:100%}
#banner a{padding:8px 15px}
.tp-caption{display:none!important}
.col2 { left:13px!important;}

.carousel-caption p {
    font-size: 14px;
    line-height:18px;
    margin: 0 0 5%;
}

.carousel-caption hr { margin:18px auto}

.arrow-3 .carousel-control {top:33%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:30px;
height:30px;
margin-top:-15px;
font-size:40px
}


#carousel-example-generic2 .glyphicon-chevron-right { top:36%;}
#carousel-example-generic2 .glyphicon-chevron-left { top:36%;}


#section-service-1 h3 {margin:20px 0 15px}
#section-service-1 h4 {margin:20px 0 15px}



.carousel-indicators { bottom:-10px}
.panel-title {font-size:14px!important;}

#section-about-us-2 .image-container {
height:300px!important;
}
.inner-padding {
padding:50px 0!important;
}
#view-all-projects, #call-to-action {
padding: 30px 0;
}


.footer-c {
text-align:center!important; margin:0 0 5px 0;
}
.footer {
padding: 15px 0;
}
.footer-div {
padding:30px 0;
}
.side-bg .image-container {
padding:20px 0;
}
#content {
padding:30px 0;
width: 100%;
} 
.logo-small {width:auto}
#section-service-1 p {height:auto; overflow:hidden}
.date-div {font-size: 20px !important;}
.read-home { margin:0 0 30px 0}
.bg-image { padding:40px 0}
.event { padding:40px 0;}
.slider-n { display:none}
.carousel-caption h2 { font-size:60px;}
.navbar-nav .open .dropdown-menu > li > a { line-height:15px;}
.modal-header .close {margin-top: 12px; right: 10px;}
}

@media (max-width:768px) {
.modal-header .close {margin-top: 5px; right: 10px;}
figure.effect-oscar p {display:none;}
 #section-about .grid figure {margin:0;}
.link-text {margin:0 0 20px 0}
#map {height: 340px;}
.view p {display:none;}
.info { margin:15px 0 0 0}
figure.effect-ming p { line-height:16px;}
}

@media (max-width:767px) { 
.footer-div .widget h3 { margin:20px 0 10px 0; padding:0}
.footer-div h3, .de_light .footer-div h3 { margin:20px 0 10px 0; padding:0}
.navbar-nav > li > a {padding-bottom: 3px; padding-top: 3px;}
#services-list li a { font-size:13px;}
.list2 li {width:auto;} 

.imghvr-hinge-up figcaption h3 { font-size:14px; margin:0 0 10px 0; padding:0; line-height:18px;}
.navbar-brand{padding-left:0}
.navbar-collapse{width:100%; background:#fff;}
.dropdown-menu > li > a{color:#ffffff!important; text-align:center; }
.dropdown-menu{background:#000000!important}
.grid figure{ min-width:inherit;}
.agile-news-right-info{ padding:0; margin:0 0 10px 0;}	
}
 


@media (max-width:480px) {
#portfoliolist .portfolio{width:100%; margin:0; padding:1px 10px}
.grid .figcaption{padding:10px 5px}
.arrow-3 .carousel-control {top:27%;}

.carousel-caption h2 { font-size:40px; line-height:40px;} 
.banner-bt {padding:8px 10px}

.projects-gallery {
padding:20px 0 20px
}
#sidebar {
margin:0 0 20px 0
}
.service p {
margin:0 0 10px 0
}
 #filters li span {
padding:5px 12px;
}
#subheader .crumb {
margin-top:80px!important;
}
#subheader h1 {
margin-top: 30px;
margin-right:0;
letter-spacing:0;
font-size:30px;
}
#subheader {
padding: 30px 0;
}
.close {}
#subheader {
padding: 30px 0 80px;
}
.inner-padding {
padding:10px 0!important;
}
#services-list li {
width: 48%;
}
#services-list li a {
padding:7px;
}
.list2 li {
width: 48%;
}
#services-list li {
font-size:9px!important;
margin:0 0 7px 0
}
#subheader .crumb {
font-size:8px!important;
}
.crumb {
line-height:18px;
}
p {
font-size: 13px;
}
.footer-div {
font-size:12px;
}
.not-found-content h3 {
font-size:16px;
}
.not-found-content h1 {
font-size:80px;
}
.not-found-content p {
font-size:12px
}
.h2, h2 {
font-size: 24px;
}
.h1, h1 {
font-size:30px;
}
p.lead, p.intro {
font-size:12px;
}
#section-testimonial {
padding:20px 0 40px 0
}
.view a.info {
margin:10px 0 0 0
}
.view h2 {
margin:10px 0 0!important;
font-size:12px!important;
padding:5px!important
}
.view a.info {
font-size:10px!important;
padding:5px!important
}
.carousel-control.right {
right:12;
}
.carousel-control {
left:0;
}
#section-about-us-2 {
padding:30px 0;
}
#subheader h1 {
font-size: 20px;
}
.h3, h3 {
font-size: 21px; margin:0; padding:0;
}
 .separator span::before, .separator span::after {
width:120px;
}
.grid figure figcaption {
padding:0.5em!important;
}
 .navbar-nav > li > a {
padding-bottom: 5px;
padding-top: 5px;
}
 .dropdown-menu > li > a {
padding:5px 20px !important
}
#back-countdiown li {
width:auto!important;
min-width:137px!important
}
.not-found-area {
padding-bottom:50px;
padding-top:50px;
}
#filters li span {
padding:5px 10px!important
}
.img-holder h3 {
font-size:15px!important
}
.map-container iframe {
height:150px!important
}

.map-container object {
height:150px!important
}

.posts-right p {
line-height:15px!important;
}
.about-css p {
line-height:inherit
}

#filters li { width:30%;}
#section-about {padding: 30px 0;}
.carousel-caption { top:12%;}
#section-portfolio h1{font-size:25px}
}

@media (max-width:479px) {
.serv-img-main{width:100%}
#section-portfolio h1{font-size:22px}
figure.effect-oscar figcaption {
display:none
}
figure.effect-oscar figcaption::before {
border:0
}
#subheader .crumb {
margin-top:10px!important;
}
.not-found-content .search-form input[type="text"] {
padding-right: 0;
height:45px;
}
.not-found-content .search-form button {
height:45px;
}
.grid figure {
margin: 0 auto;
}
figure.effect-oscar h2 {
padding-top:5%!important;
}

#filters li { width:39%;} 

.project-single-v1-area .related-project-items .sec-title { padding-bottom: 10px;}

}




@media (max-width:414px) {
#carousel-example-generic2 .glyphicon-chevron-right { top:30%;}
#carousel-example-generic2 .glyphicon-chevron-left { top:30%;}
}

@media (max-width:360px) {
#project-single-area .project-info .project-info-list li { width:115px;}
.carousel-caption h2 {font-size:34px;}

#carousel-example-generic2 .glyphicon-chevron-right { top:27%;}
#carousel-example-generic2 .glyphicon-chevron-left { top:27%;}
}

@media screen and (max-width: 1920px) {
	.stats-grid {
		margin: 10.47em 0;
	}
}
@media screen and (max-width: 1680px) {
	.stats-grid {
		margin: 8.6em 0;
	}
}

@media screen and (max-width: 1600px) {
	.stats-grid {
		margin: 7.95em 0;
	}
}
@media screen and (max-width: 1440px) {
	.stats-grid {
		margin: 6.7em 0;
	}
}

@media screen and (max-width: 1366px) {
	.stats-grid {
		margin: 6.15em 0;
	}
}
@media screen and (max-width: 1280px) {
	.stats-grid {
		margin: 5.47em 0;
	}
}




.custom-quote .fa-quote-left {
	color: #ffcc33;
	margin: 10px 0 0;
}


#myCarousel .icon-prev { font-size:80px;}
#myCarousel .icon-next { font-size:80px;}