/*------------------------------------------------------------------
[Table of contents]

1. Common Fonts
2. Body and General Styles
3. Typography
4. Header / #header
5. Navigation / #nav
6. Banner / #banner
7. Content / #content
8. About-us / #about-us
9. Services / #services
10. Team / #team
11. Get-Start
12. Blog / #blog
13. Clients / #clients
14. Faq / #faq
15. Contact / #contact
16. Footer / #footer
17. Blog Page

-------------------------------------------------------------------*/

/* 1. Common Font Start
-------------------------------------------------- */

body {font-family: 'Lato', sans-serif;}
.section-title {font-family: 'Slabo 27px', serif;}
.responsive {width:100%; height:auto;}

/* 1. Common Font End
-------------------------------------------------- */

/* 2. Body and General Styles Start
-------------------------------------------------- */

::selection {color:#fff;}
::-moz-selection {color:#fff;}

.tourframe { padding:30px; width:80%; margin-left:auto; margin-right:auto; margin-bottom:30px; }
.walkthrougLink { margin-bottom:6px;margin-left:20px; }

body {line-height:24px;color:#333;font-size:16px;}
a,
a:focus,
button,
button:focus,
.btn,
.btn:focus{outline:none;}
.white-color{color:#fff;}
.thumbnail{cursor:pointer;}
.btn{font-weight:400;}
.btn-default{background-color:transparent;color:#333;}
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color:#fff;
}
.white-color .btn-default{color:#fff;}
.white-color .btn-default:focus,
.white-color .btn-default.focus,
.white-color .btn-default:hover,
.white-color .btn-default:active,
.white-color .btn-default.active,
.white-color .open > .dropdown-toggle.btn-default,
.white-color .btn-default:active:hover,
.white-color .btn-default.active:hover,
.white-color .open > .dropdown-toggle.btn-default:hover,
.white-color .btn-default:active:focus,
.white-color .btn-default.active:focus,
.white-color .open > .dropdown-toggle.btn-default:focus,
.white-color .btn-default:active.focus,
.white-color .btn-default.active.focus,
.white-color .open > .dropdown-toggle.btn-default.focus,
.white-color .btn-default:active,
.white-color .btn-default.active,
.white-color .open > .dropdown-toggle.btn-default {
	color:#fff;
}

.white-color .slick-dots li button{border-color:#fff;}
#wrapper{overflow:hidden;}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0;}
#fakeLoader {background-color:rgba(0,0,0,0.9);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;height:40px;background-image:url(/images/logojurylens.svg);background-position: center center;background-repeat: no-repeat;}
:focus {outline: none;}
input[type="radio"], 
input[type="checkbox"]{margin-top:6px;}

/* 2. Body and General Styles End
-------------------------------------------------- */

/* 3. Typography Start
-------------------------------------------------- */

h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:uppercase;color:#000000;}
h1{font-size:48px;line-height:56px;}
h1 span{font-weight:400;}
h2,.h2 {font-size: 48px;}
h3, .h3{font-size:28px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6{color:inherit;}
.blue-color h1,
.blue-color h2,
.blue-color h3,
.blue-color h4,
.blue-color h5,
.blue-color h6{color:#333;}
p{margin-bottom:24px;}

/* 3. Typography End
-------------------------------------------------- */

/* 4. Header / #header Start 
-------------------------------------------------- */

.navbar-fixed-top{padding:40px 0 0;}
.navbar{border:none;margin:0;min-height:1px;}
.navbar-inverse{background-color:transparent;}
.navbar-brand{height:auto;padding-top:5px;position:relative;}
.navbar-inverse .navbar-brand{color:#fff;}
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand{margin:0;}
.sticky-header {padding:0 !important;background-color:#fff;}

/* 4. Header End
-------------------------------------------------- */

/* 5. Navigation / #nav Start 
-------------------------------------------------- */

.nav-menu{padding:0;margin:0;}
.nav-menu>li{list-style:none;position:relative;}
.nav-menu>li>a{color:#000;position:relative;text-decoration:none;display:block;line-height:30px;}
.navbar-inverse .nav-menu > li > a:focus{background-color:transparent;}
.menu-button{float:right;background-color:transparent;position:relative;overflow:hidden;border:none; width:34px;height:34px;line-height:32px;text-align:center; padding:0;margin-right:13px;margin-top:13px; font-size:24px;position:relative;z-index:999;}
.menu-open .menu-button .fa-reorder{opacity:0;}
.menu-button .arrow-animate{position:absolute;line-height:32px;opacity:0;font-size:30px;}
.menu-button .fa-angle-left{right:-10px;}
.menu-button .fa-angle-right{left:-10px;}
.menu-open .menu-button .arrow-animate{opacity:1;}
.menu-open .menu-button .fa-angle-left{right:12px;top: -2px;}
.menu-open .menu-button .fa-angle-right{left:11px;bottom: -2px;}
.navbar-inverse .nav-menu > li > a:hover,
.navbar-inverse .nav-menu > .active > a,
.navbar-inverse .nav-menu > .active > a:hover{color:#fff;}

/* 5. Navigation End
-------------------------------------------------- */

/* 6. Banner / #banner Start
-------------------------------------------------- */

#banner{padding-top:200px;padding-bottom:50px; position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.banner-text-wrapper{position:relative;z-index:9;}
.banner-text{text-transform:uppercase;}
.banner-text h1{margin-top:0; margin-bottom:40px;}
.banner-text p{margin-bottom:19px;}
.banner-overlay {background-color:rgba(0,0,0,0.1);}
.banner-background {background-image:url(/images/banner-new2.png);}
.register-form{background-color:rgba(0, 0, 0, 0.7);padding:22px 24px;}
.register-form h2{line-height:32px; text-transform:none;margin:0 0 40px;position:relative;padding:0 0 27px;font-size:24px;}
.register-form h2:after{content:"";position:absolute;left:0;bottom:0;width:70px;height:5px;background-color:#fff;}
.register-form h2.text-center:after{left:50%;margin-left:-35px;}
.register-form .form-group{margin-bottom:20px;position:relative;}
.register-form .form-control{height:36px;line-height: inherit;padding: 8px 0;background-color: transparent;border:none;border-bottom:2px solid #fff; color: inherit;font-size: 16px;margin-bottom: 8px;box-shadow:none !important;}
.register-form select.form-control{color: rgba(255, 255, 255, 0.3);}
.register-form select.form-control option{background: #fff;color: rgba(0, 0, 0, 0.7);padding: 0;}
.register-form label{color: rgba(255, 255, 255, 0.7);}
.register-form hr {border-color: rgba(255, 255, 255, 0.2);}
.register-form .help-block {color: #ccc;font-size: 12px;line-height: 1.5;margin: 0;}
.register-form .submit-row {margin-bottom: 0;padding: 16px 0 4px;}
.register-form .checkbox{margin: 0 0 12px;}
.register-form .checkbox label{padding: 6px 0 6px 24px;}

#banner.inner-banner{min-height:10px;padding:0;}
.inner-banner{background-repeat:no-repeat;background-position:center top;background-size:cover;}
.inner-banner .banner-text{padding-top:200px;min-height:400px;background-color:rgba(0,0,0,0.5);}

/* 6. Banner End
-------------------------------------------------- */

/* 7. Content / #content Start 
-------------------------------------------------- */

.section-block{padding:80px 0 40px;}
.section-title{position:relative;text-transform:uppercase;margin-bottom:50px;text-align:center;}
.section-title h2{margin:0;}
.section-title .title-design{position:relative;display:inline-block;vertical-align:middle;margin-top:20px; width:300px;background-size:16px 16px;background-image:url(/images/icon_jurylenslogo_dark.svg);background-repeat:no-repeat;background-position:center center;}
.section-title .title-design:after,
.section-title .title-design:before{content:"";position:absolute;bottom:7px;background-color:#000000;width:120px;height:2px;}
.section-title .title-design:before{left:0;}
.section-title .title-design:after{right:0;}
.white-color .section-title .title-design{background-size:16px 16px;background-image:url(/images/icon_jurylenslogo_white.svg);}
.white-color .section-title .title-design:after,
.white-color .section-title .title-design:before{background-color:#fff;}
.white-color .section-title:after{background-color:#fff;}
.thumbnail {border:none;line-height:inherit;}
.thumbnail .thumb img{max-width:100%;}
.thumbnail .caption{color:inherit;}
.img-thumbnail{border:none;background-color:transparent;padding:0;}

/* 7. Content End
-------------------------------------------------- */
	 
/* 8. About-us / #about-us Start 
-------------------------------------------------- */

.about-us{background-color:#f5f5f5;}
.about-block{position:relative;margin-bottom:50px;}
.about-block h3{margin:0 0 12px;}
.about-thumb img{max-width:100%;}

/* 8. About-us End
-------------------------------------------------- */

/* 9. Features / #features Start 
-------------------------------------------------- */

.feature-box{position:relative;margin-bottom:49px;padding-left:56px;text-align:left;cursor:default;}
.feature-box h3{margin:0 0 12px;}
.feature-icon {border-bottom: 1px solid #fff;border-radius: 50%;display: inline-block;font-size: 18px;height: 40px;left: 2px;line-height: 37px;margin-bottom: 20px;position: absolute;text-align: center;top: 0;vertical-align: middle;width: 40px;}

/* 9. Features End
-------------------------------------------------- */

/* 10. Team / #team Start 
-------------------------------------------------- */

.team .thumbnail{padding:0 0 0 190px; border-bottom:3px solid #888888;cursor:pointer;position:relative;margin-bottom:50px;}
.team .thumbnail:hover{background-color:#888888;color:#fff;}
.team .thumbnail.thumbnail-right{padding-left:0;padding-right:190px;text-align:right;}
.team .thumbnail .thumb{overflow:hidden;background-color:#f5f5f5;position:absolute;left:10px;top:10px;width:180px;height:180px;padding-top:0;border:2px solid #fff;}
.team .thumbnail.thumbnail-right .thumb{left:auto;right:10px;}
.team .thumbnail .thumb img{position:relative;}
.team .thumbnail .caption{padding:15px 15px 20px;}
.team h3{text-transform:uppercase;color:#231f20;position:relative;margin:0 0 5px;}
.team .thumbnail:hover h3{color:inherit;}
.team .designation{display:block;color:#555555;text-transform:uppercase;margin-bottom:10px;font-size:14px;}
.team .thumbnail:hover .designation{color:inherit;}
.team-social-share ul{padding:0;margin:0 -5px;display:inline-block;vertical-align:middle;}
.team-social-share ul li{list-style:none;float:left;padding:0 5px;}
.team-social-share ul li a{display:block;color:#fff;width:34px;height:34px;text-align:center;line-height:34px;background-color:#888888;}
.team .thumbnail:hover .team-social-share ul li a{background-color:#fff;color:#888;}
.team .thumbnail:hover .team-social-share ul li a:hover,
.team .thumbnail:hover .team-social-share ul li a:focus{color:#fff;}

/* 10. Team End
-------------------------------------------------- */

/* 11. Get-Start Start 
-------------------------------------------------- */

.get-start{font-size:22px;line-height:28px;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover; background-attachment:fixed;}
.get-start .container{position:relative;z-index:11;}
.get-start h3{font-size:30px; margin:0 0 30px;line-height:34px;}
.get-start-overlay{background-color:rgba(0,0,0,0.7);}
.get-start .btn{font-size:22px;padding:10px 18px;}

/* 11. Get-Start End 
-------------------------------------------------- */

/* 12. Blog / #blog Start
-------------------------------------------------- */

.blog-list{text-align:left;}
.blog-list .thumbnail{padding:0;position:relative;font-size:13px;margin-bottom:50px;font-size:16px;}
.blog-list .thumb {overflow:hidden;position:relative;}
.blog-list .caption{padding:17px 20px 8px;}
.blog-list .caption h3{margin-top:0;margin-bottom:8px;}
.blog-list .caption p{margin:0 0 15px;}
.blog-list .caption a{text-decoration:none;}
.blog-list .caption a em{margin-left:10px;position:relative;left:0;}
.blog-list .caption a:hover em{left:5px;}
.blog-list .thumbnail:hover .blog-overlay{opacity:1;}
.blog-list .thumbnail:hover .caption{color:#fff;}
.blog-list .thumbnail:hover .caption h3{color:inherit;}
.blog-list .thumbnail:hover .caption a{color:inherit;}
.blog-overlay{opacity:0;background-color:rgba(0,0,0,0.8);}
.date-comment{position:absolute;right:10px;bottom:10px;color:#fff;z-index:9;}
.date-comment ul{padding:0;margin:0;}
.date-comment ul li{list-style:none;float:left;min-width:70px;text-align:center;}
.date-comment ul li .date-col{padding:5px 10px;}
.date-comment ul li .blog-comment{display:block;color:inherit;text-decoration:none;border-left:1px solid #fff;}

/* 12. Blog End
-------------------------------------------------- */

/* 13. Testimonials / #testimonials Start 
-------------------------------------------------- */

.testimonials{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}
.testimonials-overlay{background-color:rgba(0,0,0,0.8);}
.testimonials .container{position:relative;z-index:11;}
.testimonials-quote{padding:25px;border:1px solid #fff;margin-bottom:30px;text-align:left;background-color:rgba(0,0,0,0.5);}
.quoter-image{width:68px;height:68px;overflow:hidden;border:2px solid #e8e8e8;}
.quoter-image img{max-width:100%;}
.quoter-detail{display:inline-block;vertical-align:middle;margin-top:0;}
.quoter-name{text-align:left;}
.testimonial-quote .fa-quote-left{margin-right:10px;}
.testimonial-quote .fa-quote-right{margin-left:10px;}
.quoter-name h3{margin:0;text-transform:none;}
.quoter-name span{color:#ccc;display:block;text-transform:uppercase;font-size:14px;}
.testimonials .slick-dots{bottom:-79px;}
.testimonials .slick-dots li button{width:16px;height:16px;}
.testimonial-logo {padding:30px 0 0;}
.testimonial-logo ul{padding:0;margin:0;}
.testimonial-logo ul li{list-style:none;text-align:center;padding:0 10px;}
.testimonial-logo ul li img{max-width:100%;}

/* 13. Testimonials End 
-------------------------------------------------- */

/* 14. Faq / #faq Start
-------------------------------------------------- */

.faq-block{text-align:left;}
.faq-block.panel-default > .panel-heading{background-color:#f5f5f5;border-color:#f5f5f5;}
.faq-block h3{margin:0;position:relative;padding-left:24px;text-transform:none;}
.faq-block h3 em{position:absolute;left:0;top:0;}
.faq-block p{margin:0;}

/* 14. Faq End
-------------------------------------------------- */

/* 15. Contact / #contact Start
-------------------------------------------------- */

.contact{position:relative; background-attachment: fixed;background-color: #000;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.section-block-wrapper{position:relative;z-index:1;}
.contact .form-group{margin-bottom:30px;}
.contact .form-control{height:46px;padding:10px;color:#fff;background-color:transparent;border-color:#fff !important;border-style:dashed;box-shadow:none;}
.contact select.form-control option{color:#000;}
.contact textarea.form-control{height:138px;resize:none;}
.contact .btn{height:46px;border-style:dashed;}
.has-error .help-block{color:#fff;}
.contact-left ul{padding:0;margin:0;}
.contact-left ul li{list-style:none;padding:20px 0;position:relative;border-bottom:1px dashed #fff;}
.contact-left ul li:first-child{padding-top:8px;}
.contact-left ul li a{color:inherit;text-decoration:none;}
.contact-left .media-left{padding-right:20px;}
.contact-icon{display:block;width:50px;height:50px;line-height:50px;text-align:center;background-color:#fff;font-size:18px;}

/* 15. Contact End
-------------------------------------------------- */

/* 16. Footer / #footer Start 
-------------------------------------------------- */

#footer {background-color:#212121;padding:30px 0;position:relative;}
.social-media ul li a,
.copyright a{color:inherit;}
.social-media ul{padding:0;margin:0 -5px;display:inline-block;vertical-align:middle;}
.social-media ul li{float:left;margin:0 5px;}
.social-media ul li a{width:30px;height:30px;line-height:30px;text-align:center;display:block;background-color:#888;}
.scroll-top{position: absolute;right:15px;top: 20px;width:50px;height:50px;line-height:50px;cursor:pointer;font-size:24px;text-align:center;}
.scroll-top:hover{background-color:#fff;}

/* 16. Footer End
-------------------------------------------------- */

/* 17. Blog Page Start
-------------------------------------------------- */

.content-inner{margin-bottom:50px;}
.blog-box{padding-left:70px;position:relative;padding-bottom:20px;}
.blog-box+.blog-box{border-top: 1px solid #d7d9db;padding-top:30px;}
.blogged-date{position:absolute;left:0;top:0;width:60px; line-height:30px; padding:13px 0; text-align:center;color:#fff;font-size:15px;}
.blog-box+.blog-box .blogged-date{top:30px;}
.blog-image{background-color:#f5f5f5;padding:15px;text-align:center;}
.blog-image img{max-width:100%;}
.blog-info {display:block;padding:8px 0; }
.blog-info ul {display:block; padding:0px; margin:0px; }
.blog-info ul li {list-style:none; padding:0 20px 0 0; line-height:30pxfont-size:12px;display:inline-block;}
.blog-info ul li em {padding:0 5px 0 0;}
.blog-info ul li.views {float:right; padding:0px; }
.blog-detail {padding:20px 0;line-height:28px;border-top: 1px solid #d7d9db;}
.blog-detail h2{margin:0 0 20px;font-size:20px;}

.blog-right{background-color:#f5f5f5;padding:20px 20px 0;}
.blog-side-block{margin-bottom:50px;}
.blog-side-block h3{font-size:18px;font-weight:300;margin:0 0 15px;}
.blog-categories{padding:0;margin:0;}
.blog-categories li{list-style:none;}
.blog-categories li a{border-bottom:1px solid #dedede;padding:8px 30px 8px 0;position:relative;display:block;}
.blog-categories li:first-child a{border-top:1px solid #dedede;}
.blog-categories li a em{position:absolute;right:0;top:10px;font-size:18px;}
.blog-categories li a:hover em,
.blog-categories li a:focus em{right:10px;}

.recent-image{width:85px;height:85px;text-align:center;display:block;}
.recent-image img{max-width:100%;max-height:100%;}
.recent-post-block p{margin-bottom:5px;line-height:18px;}
.recent-post-block p a:not(:hover){color:inherit;}
.recent-post-block .media + .media{margin-top:20px;}
.recent-post-block .date{font-size:12px;}
.recent-post-block .price{font-weight:700;}

.tags-list ul{padding:0;margin:0 -2px;}
.tags-list ul li{list-style:none;float:left;margin:0 2px 10px;}
.tags-list ul li a{background-color: #fff;display: block;font-size: 13px;line-height: 26px;padding: 0 10px;text-decoration: none;}
.tags-list ul li a:hover,
.tags-list ul li a:focus{color:#fff;}

/* 17. Blog Page End
-------------------------------------------------- */

/* Responsive Style Start 
-------------------------------------------------- */
@media (min-width: 768px) {

/* 6. Banner / #banner Start
-------------------------------------------------- */


/* 6. Banner End
-------------------------------------------------- */

/* 11. Get-Start Start
-------------------------------------------------- */

.get-start{padding-bottom:80px;}

/* 11. Get Start End
-------------------------------------------------- */

/* 13. Testimonials / #testimonials Start
-------------------------------------------------- */

.testimonial-logo ul{display:table;table-layout:fixed;width:100%;}
.testimonial-logo ul li{display:table-cell;vertical-align:middle;}

/* 13. Clients End
-------------------------------------------------- */

/* 15. Contact / #contact Start
-------------------------------------------------- */

.contact-right{padding-top:8px;}

/* 15. Contact End
-------------------------------------------------- */

/* 16. Footer / #footer Start
-------------------------------------------------- */

.social-media{text-align:right;}

/* 16. Footer End
-------------------------------------------------- */

}

@media (min-width: 992px) {

/* 5. Navigation / #nav Start
-------------------------------------------------- */

#nav {float:right;display:block !important;padding-right:5px;}
.nav-menu>li{float:left;}
.nav-menu>li>a{padding:20px 13px;}
.menu-button{display:none;}

/* 5. Navigation End
-------------------------------------------------- */

/* 6. Banner / #banner Start
-------------------------------------------------- */

#banner{min-height:800px;}
.banner-text{font-size:18px;}

/* 6. Banner End
-------------------------------------------------- */

}
@media (min-width: 1200px) {

/* 2. Body and General Styles Start
-------------------------------------------------- */

.container{width:1200px;}

/* 2. Body and General Styles End
-------------------------------------------------- */

}

@media (max-width: 1199px) {

/* 16. Footer / #footer Start
-------------------------------------------------- */

.footer-inner{padding-right:40px;}

/* 16. Footer End
-------------------------------------------------- */

}

@media (max-width: 991px) {

/* 3. Typography Start
-------------------------------------------------- */

h1{font-size:30px;line-height:32px;}

/* 3. Typography End
-------------------------------------------------- */

/* 4. Header / #header Start
-------------------------------------------------- */

.navbar-fixed-top{padding-top:20px;}
.navbar-header{float:none;}
.navbar-brand::after{border-right-width:34px !important;border-top-width:60px;}
/*.navbar-brand img{max-width:174px;}*/

/* 4. Header End
-------------------------------------------------- */

/* 5. Navigation / #nav Start
-------------------------------------------------- */

#nav {position:absolute;right:-150%;top:60px;width:100%;background-color:#EEE;border-bottom:3px solid #c6a325;border-top:1px solid transparent;overflow-x: visible;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.nav-menu>li>a{padding:5px 16px;}
.nav-menu>li+li>a{border-top:1px solid #b6b0b0;}
.menu-open #nav {right:0;}
.navbar-fixed-top #nav{max-height: 340px;}


/* 5. Navigation End
-------------------------------------------------- */

/* 6. Banner / #banner Start
-------------------------------------------------- */

#banner{min-height:405px;padding-top:150px;}
.banner-text{margin-bottom:40px;}
.banner-text h1{margin-bottom:16px;}

.inner-banner .banner-text{min-height: 300px;padding-top: 180px;}

/* 6. Banner End
-------------------------------------------------- */

/* 10. Team / #team Start 
-------------------------------------------------- */

.team .thumbnail .thumb{height: 100px;width:100px;}
.team .thumbnail{padding-left:110px;}
.team .thumbnail.thumbnail-right{padding-right:110px;padding-left:0;}

/* 10. Team End
-------------------------------------------------- */

/* 12. Blog / #blog Start 
-------------------------------------------------- */

.date-label{bottom:10px;}

/* 12. Blog End
-------------------------------------------------- */

/* 16. Footer / #footer Start
-------------------------------------------------- */

.footer-inner{padding-right:50px;}

/* 16. Footer End
-------------------------------------------------- */

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

/* 2. Body and General Styles Start
-------------------------------------------------- */

.container{padding-left:12px;padding-right:12px;width:744px;}
.row{margin-left:-12px;margin-right:-12px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:12px;padding-right:12px;}

/* 2. Body and General Styles End
-------------------------------------------------- */

}
@media (max-width: 767px) {
	
/* 2. Body and General Styles Start
-------------------------------------------------- */

.container,
.banner-text{padding-left:10px;padding-right:10px;}
.row{margin-left:-10px;margin-right:-10px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:10px;padding-right:10px;}

/* 2. Body and General Styles End
-------------------------------------------------- */

/* 3. Typography Start
-------------------------------------------------- */

h1{font-size:24px;line-height:30px;}
h2, .h2 {font-size: 36px;}

/* 3. Typography End
-------------------------------------------------- */

/* 4. Header / #header Start
-------------------------------------------------- */

.navbar-fixed-top{padding-top:10px;}
.sticky-header{padding-top:0;}
.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container-fluid > .navbar-collapse{margin:0;}

/* 4. Header End
-------------------------------------------------- */

/* 5. Navigation / #nav Start
-------------------------------------------------- */

.menu-open{color:#fff;}

/* 5. Navigation End
-------------------------------------------------- */

/* 6. Banner / #banner Start
-------------------------------------------------- */

#banner{padding-top:100px;}
.banner-text {line-height:18px;font-size:9px;}
.banner-text h1 {margin-bottom:14px;}
.banner-text h1 span {display:block;}
.banner-background {background-image:url(/images/banner-new2-faded.png);}

.inner-banner .banner-text {min-height: 200px;padding-top: 120px;}

/* 6. Banner End
-------------------------------------------------- */

/* 7. Content / #content Start 
-------------------------------------------------- */

.thumbnail .thumb img{width:100%;}
.section-block{padding-top:80px;}
.section-title:after{left:50%;margin-left:-35px;}
.section-title .title-design{width:230px;}
.section-title .title-design:after,
.section-title .title-design:before{width:90px;}
.slick-dots{bottom:20px;}

/* 7. Content End
-------------------------------------------------- */
	 
/* 8. About-us / #about-us Start 
-------------------------------------------------- */

.about-thumb{margin-bottom:30px;}

/* 8. About-us End
-------------------------------------------------- */

/* 9. Features / #features Start 
-------------------------------------------------- */

.feature-box{margin-bottom:30px;}

/* 9. Services End
-------------------------------------------------- */

/* 10. Team / #team Start 
-------------------------------------------------- */

.team .thumbnail{text-align:left;}
.team .thumbnail.thumbnail-right{padding-right:0;padding-left:110px;text-align:left;}
.team .thumbnail.thumbnail-right .thumb{left:10px;right:auto;}
.team-social-share ul{display:inline-block;vertical-align:middle;}

/* 10. Team End
-------------------------------------------------- */

/* 11. Get-Start Start 
-------------------------------------------------- */

.get-start h3{font-size:24px;}

/* 11. Get-Start End 
-------------------------------------------------- */

/* 12. Blog / #blog Start
-------------------------------------------------- */

.blog-list .caption h3{margin-bottom:6px;}

/* 12. Blog End
-------------------------------------------------- */

/* 13. Testimonials / #testimonials Start 
-------------------------------------------------- */

.quoter-detail{margin-top:8px;}
.testimonial-logo ul li{float:left;width:50%;margin-bottom:15px;}

/* 13. Clients End
-------------------------------------------------- */

/* 15. Contact / #contact Start
-------------------------------------------------- */

.contact{text-align:left;}
.contact-left {margin-bottom:70px;}
.contact-left p{margin-bottom:33px;}
.contact .form-group{margin-bottom:20px;}

/* 15. Contact End
-------------------------------------------------- */

/* 16. Footer / #footer Start
-------------------------------------------------- */

#footer{text-align:center;padding:20px 0;}
.social-media{margin-top:15px;text-align:center;}

/* 16. Footer End
-------------------------------------------------- */

/* 17. Blog Page Start
-------------------------------------------------- */

.blog-inner{text-align:left;}
.blog-box{padding-left:0;}
.blogged-date{position:static;margin-bottom:10px;}

/* 17. Blog Page End
-------------------------------------------------- */

}

@media (max-device-width: 480px) and (orientation: landscape) {

/* 2. Navigation Start
-------------------------------------------------- */

.navbar-fixed-top #nav{max-height: 200px;}

/* 2. Navigation End
-------------------------------------------------- */
}