/* CSS Document */

*{padding:0;margin:0;list-style:none;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none}
a:hover{text-decoration:none!important}
a:hover, a:focus, a:active, a:visited {
    color: inherit;
}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:radio!important}

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

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#646464}
input[type="text"]::-moz-placeholder{opacity:1;color:#646464}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#646464}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#646464}
input[type="email"]::-moz-placeholder{opacity:1;color:#646464}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#646464}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#646464}
input[type="password"]::-moz-placeholder{opacity:1;color:#646464}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#646464}
textarea::-webkit-input-placeholder{opacity:1;color:#646464}
textarea::-moz-placeholder{opacity:1;color:#646464}
textarea::-ms-input-placeholder{opacity:1;color:#646464}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* FONTS */
/*
    font-family: 'Montserrat', sans-serif;
    font-family: 'Oswald', sans-serif;
*/

img{display: block; max-width: 100%; height: auto; }
a:hover, a:active, a:focus{ text-decoration: none; }
.h1, .h2, .h3, h1, h2, h3, ul, li, a, p{ margin: 0;padding:0; }

.headerMain .headerTopSec ul li:nth-child(2) a, .rslides_nav.prev, .rslides_nav.next, a.readMoreBtn, .footer ul li a, .footer ul.socialIcon li a, .portfolioBlock h3, .bodyContent a, .bodyContent p a, .bodyContent p a, .portfolioMain .swiper-slide h3, .singlePortfolioImage, .contactForm .sendBtn
{transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}

{transition:all .7s ease;-o-transition:all .7s ease;-moz-transition:all .7s ease;-webkit-transition:all .7s ease}

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
body{background: #fff;color:#777}
.clearMe{font-size:0;line-height:0;clear:both}
.container{width:100%;max-width:1200px;margin:0 auto;float:none;padding:0 15px;}

.slicknav_menu{display:none}
#topcontrol{z-index:99999}

a.scrollup {position: fixed;right: 20px;bottom: 40px;width: 70px;height: 40px;display: block;text-indent: -9999px;background: #2f2f2f url(images/toTop.png) center center no-repeat;z-index: 999999;}

/* Header */
.headerMain{width: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 17px 0; background: #e3e6e7; z-index: 9; border-top: 4px solid #ffd500; border-bottom: 4px solid #7f7f7f; box-shadow: 0 0 10px #394247;}
.headerMain .logo{display: block; position: relative; float: left; width: 176px;}

/* Header Top */
.headerMain .headerTopSec{width: 100%; position: relative; float: left;}
.headerMain .headerTopSec ul{ text-align: right;}
.headerMain .headerTopSec ul li{display: inline-block;margin-left: 26px; position: relative;}
.headerMain .headerTopSec ul li:nth-child(1){font: 500 18px/37px 'Montserrat', sans-serif; color: #000;padding-left: 50px; background: url(images/phoneIco.png) left center no-repeat;}
.headerMain .headerTopSec ul li:nth-child(1) a{ color: #000; position: relative;}
.headerMain .headerTopSec ul li:nth-child(2) a{font: 500 15px/41px 'Montserrat', sans-serif; color: #000; display: block; width: 212px; height: 41px;text-align: center; background: #ffd500; text-transform: uppercase; letter-spacing: 1px;}
.headerMain .headerTopSec ul li:nth-child(2) a:hover{background: #000; color: #fff;}

/* Effect-Underline */
.headerMain .headerTopSec ul li:nth-child(1) a:after {content: '';position: absolute;left: 0;display: inline-block;height: 1px;width: 100%;border-bottom: 2px solid #ffd500; margin-top: 24px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform: scale(0,1);}
.headerMain .headerTopSec ul li:nth-child(1) a:hover:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/* Main Navigation */
.headerMain .navigationSec{width: 100%; position: relative; float: left; margin-top: 20px;}
.headerMain .navigationSec ul{text-align: right;}
.headerMain .navigationSec ul li{display: inline-block;margin-left: 22px;}
.headerMain .navigationSec ul li a{font: 300 16px/19px 'Montserrat', sans-serif; color: #000; text-transform: uppercase; position: relative;}

/* Effect-Underline */
.headerMain .navigationSec ul li a:after {content: '';position: absolute;left: 0;display: inline-block;height: 2px;width: 100%;border-bottom: 2px solid #ffd500; margin-top: 20px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform: scale(0,1);}
.headerMain .navigationSec ul li a:hover:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.headerMain .navigationSec ul li.current-menu-item a:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

body.fixed .headerMain{position:fixed; width:100%; top:0; left:0;  z-index:9999; box-shadow:0 0 10px #000;
-webkit-animation-duration:1s; animation-duration:1s ;-webkit-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-name:fadeInDown;animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

body.fixed .headerMain{padding: 5px 0;}
body.fixed .logo{width: 140px;}
body.fixed .headerMain .navigationSec{margin-top: 2px;}
body.fixed .headerMain .navigationSec ul li a{font-size: 14px;}

/* Styling Homepage Banner Slider */
.hmBanner{width: 100%; position: relative; float: left; margin-top: 123px;}
.hmBanner:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; background: url(images/sliderBottomShade.png) bottom left repeat-x; z-index: 9; pointer-events: none;}
.rslides li:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9; pointer-events: none;}
.rslides_nav {position: absolute;top: 50%;margin-top: -11px;width: 34px;height: 22px;z-index: 9;}
.rslides_nav.prev{left: 20px; font-size: 0; background: url(images/sliderArrow.png) center center no-repeat;transform: rotate(180deg);}
.rslides_nav.prev:hover{left: 10px;}
.rslides_nav.next{right: 20px; font-size: 0; background: url(images/sliderArrow.png) center center no-repeat;}
.rslides_nav.next:hover{right: 10px;}
.rslides_tabs.rslides1_tabs{width: 100%;position: absolute;bottom: 20px;text-align: center;z-index: 9;}
.rslides_tabs.rslides1_tabs li{display: inline-block; margin: 0 2px;}
.rslides_tabs.rslides1_tabs li a{display:block;display: inline-block;font-size: 0;width: 11px;height: 11px;border: 2px solid #fff;border-radius: 50%;}
.rslides_tabs.rslides1_tabs li.rslides_here a{background: #fff;}

/* Homepage Banner Content */
.hmBanner .bannerContent{position: absolute;top: 50%;margin-top: -60px; max-width: 696px;text-align: center;color: #fff;left: 50%;margin-left: -348px;width: 100%; z-index: 99;}
.hmBanner .bannerContent h2{text-transform: uppercase; font: 600 48px/60px 'Oswald', sans-serif; z-index: 9; color: #fff;}
.hmBanner .bannerContent h2::after{content: '';position: absolute;top: 50%;left: 0px;width: 34px;height: calc(100% - 50px);border: 1px solid #ffd500;margin-top: -31px;border-right: 0;}
.hmBanner .bannerContent h2::before{content: '';position: absolute;top: 50%;right: 0px;width: 34px;height: calc(100% - 50px);border: 1px solid #ffd500;margin-top: -31px;border-left: 0;}

/* InnerBanner */
.innerBanner{width: 100%; position: relative; float: left; margin-top: 123px;}
.innerBanner img{width: 100%;}
.innerBanner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); pointer-events: none;}
.innerBanner:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; background: url(images/sliderBottomShade.png) bottom left repeat-x; z-index: 9; pointer-events: none;}
.innerBanner .bannerContent{position: absolute;top: 50%;margin-top: -60px; max-width: 696px;text-align: center;color: #fff;left: 50%;margin-left: -348px;width: 100%; z-index: 99;}
.innerBanner .bannerContent h2{text-transform: uppercase; font: 600 48px/60px 'Oswald', sans-serif; z-index: 9; color: #fff;}
.innerBanner .bannerContent h2::after{content: '';position: absolute;top: 50%;left: 0px;width: 34px;height: calc(100% - 50px);border: 1px solid #ffd500;margin-top: -31px;border-right: 0;}
.innerBanner .bannerContent h2::before{content: '';position: absolute;top: 50%;right: 0px;width: 34px;height: calc(100% - 50px);border: 1px solid #ffd500;margin-top: -31px;border-left: 0;}


/* About Section */
.aboutSection{width: 100%; position: relative; float: left; background: #fff; padding: 80px 0;}
.aboutSection h3{font: 400 18px/48px 'Oswald', sans-serif; color: #7f7f7f; text-transform: uppercase;}
.aboutSection h2{font: 500 36px/48px 'Oswald', sans-serif; color: #000; text-transform: uppercase; position: relative;}
.aboutSection h2:after{content: ''; width: 68px; height: 3px; background: url(images/headAfter.jpg) center center no-repeat;bottom: -12px;left: 0;position: absolute;}
.aboutSection p{font: 300 15px/28px 'Montserrat', sans-serif; color: #000; padding: 30px 0;}
a.readMoreBtn{font: 600 15px/45px 'Montserrat', sans-serif; color: #000; width: 324px; height: 45px; display: block; text-align: center; letter-spacing: 1px; background: #ffd500;float: left; text-transform: uppercase;}
a.readMoreBtn:hover{background: #000; color: #fff;}

/* Portfolio Section */
.portfolioHead{width: 100%;position: relative;float: left; height: 133px;}
.portfolioHead:before{content: ''; position: absolute; width: 113px; height: 102px; background: url(images/portIcon.png) center center no-repeat; top: 50%; margin-top: -51px; left: 50%; margin-left: -60px; z-index: 1;}
.portfolioHead .secLeft{width: 50%; position: relative; float: left; background: #7f7f7f; height: 100%; display: flex; align-items: center; justify-content: center;}
.portfolioHead .secRight{width: 50%; position: relative; float: left; background: #000; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 114px;}
.portfolioHead h3{font: 500 36px/48px 'Oswald', sans-serif; color: #fff; text-transform: uppercase; }
.portfolioHead p{font: 300 15px/28px 'Montserrat', sans-serif; color: #fff; max-width: 450px;height: 85px;overflow: hidden;}

.portfolioMain{width: 100%; position: relative; float: left; padding: 50px 0 130px; background: #fff;}
.portfolioMain .swiper-container {
width: 100%;
height: 100%;
}
.portfolioMain .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
}
.sliderThumb{width: 100%;position: relative;height: 258px;overflow: hidden;border: 5px solid #e5bf00;border-bottom: 0;box-shadow: 0 5px 10px #a4a4a4;}
.sliderTitle{width: calc(100% - 44px);height: auto;padding: 20px;text-align: center;background: #fff;margin-left: 22px;margin-top: -15px;position: relative;float: left;box-shadow: 0 3px 10px #d2d2d2;margin-bottom: 15px;}
.sliderTitle h3{font: 600 18px/28px 'Montserrat', sans-serif; color: #000; max-width: 234px; margin: 0 auto;}
.sliderThumb img{ width: 100%; height: 100%; transition: all .2s ease-in-out; }
.portfolioMain .swiper-slide:hover .sliderThumb img{ transform: scale(1.05); }
.portfolioMain .swiper-slide:hover h3{color: #ba9800;}
.portfolioMain .swiper-button-next {
    width: 34px;
    height: 22px;
    right: 50%;
    margin-right: -38px;
    bottom: 75px;
    top: auto;
    background: url(images/portSliderArrow2.png) center center no-repeat;
}
.portfolioMain .swiper-button-prev {
    width: 34px;
    height: 22px;
    left: 50%;
    margin-left: -38px;
    bottom: 75px;
    top: auto;
    background: url(images/portSliderArrow2.png) center center no-repeat;
    transform: rotate(180deg);
}
.portfolioMain .swiper-button-next.swiper-button-disabled{background: url(images/portSliderArrow1.png) center center no-repeat;opacity: 1;transform: rotate(180deg);}
.portfolioMain .swiper-button-prev.swiper-button-disabled{background: url(images/portSliderArrow1.png) center center no-repeat;opacity: 1;transform: rotate(0);}

/* Services */
.servicesSection{width: 100%; position: relative; float: left; padding: 70px 0; background: url(images/servicesBg.jpg) center center no-repeat; background-size: cover; z-index: 1;font: 300 15px/28px 'Montserrat', sans-serif; color: #fff;}
.servicesSection:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9);z-index: -1;}
.servicesSection h2{font: 500 36px/48px 'Oswald', sans-serif; color: #fff; text-transform: uppercase; position: relative;}
.servicesSection h2:after{content: ''; width: 68px; height: 3px; background: url(images/headAfter.jpg) center center no-repeat;bottom: -12px;left: 0;position: absolute;}
.servicesSection p{font: 300 15px/28px 'Montserrat', sans-serif; color: #fff; padding: 30px 0;}
.servicesSection .servicesListing{width: 100%; position: relative;float: left; margin-bottom: 35px;}
.servicesSection .servicesListing ul{position: relative;float: left; width: 100%;}
.servicesSection .servicesListing ul li{position: relative;font: 300 15px/28px 'Montserrat', sans-serif; color: #fff;margin-bottom: 22px;width: 33.33%;float: left;padding: 0 40px; background: url(images/liBef.png) left top no-repeat;}

.testimonialSection{width: 100%; position: relative; float: left; background: url(images/testiBg.jpg) left top; padding: 50px 0 85px;}
.testimonialSection .swiper-testimonial {
width: 100%;
height: 100%;
overflow: hidden;
}
.portfolioMain .swiper-slide {
text-align: center;
}
.testiSliderMain{width: 100%; position: relative; float: left; text-align: center; background: url(images/testiTopIco.png) center top no-repeat; padding-top: 92px;}
.testiSliderMain p{font: 200 20px/36px 'Montserrat', sans-serif; color: #000; font-style: italic; padding-bottom: 25px;}
.testiSliderMain h3{font: 600 18px/28px 'Montserrat', sans-serif; color: #000;}
.testiSliderMain span{font: 300 14px/24px 'Montserrat', sans-serif; color: #7f7f7f; display: block;}
.testimonialSection .swiper-pagination-bullet {width: 11px;height: 11px;background: #fff;border: 2px solid #7f7f7f;opacity: 1;}
.testimonialSection .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 11px;height: 11px;background: #ffd500;border: 2px solid #ffd500;opacity: 1;}
.testimonialSection .swiper-pagination.swiper-pagination-bullets{bottom: 50px;}

.footer{width: 100%; position: relative; float: left; background: #3d3d3d; padding: 68px 0;}
.footer h3{font: 400 18px 'Oswald', sans-serif; color: #fff; text-transform: uppercase; padding-bottom: 10px;}
.footer ul.socialIcon{width: 100%;margin-top: 25px;text-align: center;}
.footer ul.socialIcon li{display: inline-block;}
.footer ul.socialIcon li a{display: block;margin: 0 6px;width: 38px;height: 38px;border: 1px solid #fff;text-align: center;color: #fff;line-height: 38px;border-radius: 50%; background: #3d3d3d;}
.footer ul.socialIcon li a:hover{border-color: #ffd500;}

.footer ul.footerNav li{width: calc(50% - 30px); float: left; position: relative;padding-left: 30px; border-bottom: 1px solid #4d4d4d;margin-right: 30px;}
.footer ul.footerNav li:nth-last-child(-n+2){border: 0;}
.footer ul.footerNav li a{font: 300 15px/48px 'Montserrat', sans-serif; color: #fff;}
.footer ul.footerNav li::before{content: '\f101'; font-family: fontAwesome; font-size: 18px; color: #ffd500; position: absolute; top: 11px; left: 0;}

.footer ul.contactInfoLeft{width:  calc(50% - 15px); float: left; position: relative;}
.footer ul.contactInfoRight{width:  calc(50% - 15px); float: right; position: relative;}
.footer ul.contactInfoRight li, .footer ul.contactInfoLeft li{ padding: 16px 0 16px 30px;font: 300 15px/18px 'Montserrat', sans-serif; color: #fff;border-bottom: 1px solid #4d4d4d; position: relative;}
.footer ul.contactInfoRight li:last-child, .footer ul.contactInfoLeft li:last-child{border-bottom: 0;}
.footer ul.contactInfoRight li a, .footer ul.contactInfoLeft li a{font: 300 15px/18px 'Montserrat', sans-serif; color: #fff;}
.footer ul.contactInfoRight li::before, .footer ul.contactInfoLeft li::before{content: ''; font-family: fontAwesome; font-size: 18px; color: #ffd500; position: absolute; top: 17px; left: 0;}
.footer ul.contactInfoLeft li:nth-child(1)::before{content: '\f041';}
.footer ul.contactInfoLeft li:nth-child(2)::before{content: '\f095';}
.footer ul.contactInfoRight li:nth-child(1)::before{content: '\f1ac';}
.footer ul.contactInfoRight li:nth-child(2)::before{content: '\f0e0';}
.footer ul.contactInfoRight li:nth-child(3)::before{content: '\f017';}
.footer ul li a:hover{color: #ffd500;}

.footeBar{width: 100%; position: relative; float: left; background: #000; color: #fff;}
.footeBar p{font: 300 15px/48px 'Montserrat', sans-serif; color: #fff;}
.footeBar img{float: right;margin-top: 14px;}

.bodyContent{width: 100%; position: relative; float: left; background: #fff; padding: 60px 0;}
.bodyContent h1{font: 500 36px/48px 'Oswald', sans-serif;color: #000;text-transform: uppercase;position: relative; margin-bottom: 30px;}
.bodyContent h1::after{content: '';width: 68px;height: 3px;background: url(images/headAfter.jpg) center center no-repeat;bottom: -12px;left: 0; position: absolute;}
.bodyContent h2{font: 600 18px/28px 'Montserrat', sans-serif; color: #000; margin-bottom: 18px;}
.bodyContent h3{font: 400 16px/28px 'Montserrat', sans-serif; color: #000; margin-bottom: 12px;}
.bodyContent h4{font: 400 15px/22px 'Montserrat', sans-serif; color: #000; margin-bottom: 12px;}
.bodyContent p{font: 300 15px/28px 'Montserrat', sans-serif; color: #000;padding-bottom: 30px;}
.bodyContent p strong{font-weight: 600;}
.bodyContent p a{font: 600 15px/28px 'Montserrat', sans-serif; color: #ba9800;}
.bodyContent p a:hover{color: #000;}
.bodyContent ul{position: relative;float: left; width: 100%;}
.bodyContent ul li{position: relative;font: 300 15px/28px 'Montserrat', sans-serif; color: #000;margin-bottom: 22px;width: 50%;float: left;padding: 0 40px; background: url(images/liBef.png) left top no-repeat;}
.bodyContent ul li a{color: #ba9800;}
.bodyContent ul li a:hover{color: #000;}


.portfolioBlock{width: 100%; position: relative; float: left; margin: 27px 0;}
.portfolioThumb{width: 100%;position: relative;height:258px;overflow: hidden;border: 5px solid #e5bf00;border-bottom: 0;box-shadow: 0 5px 10px #a4a4a4;}
.portfolioTitle{width: calc(100% - 44px);height: auto;padding: 20px;text-align: center;background: #fff;margin-left: 22px;margin-top: -15px;position: relative;float: left;box-shadow: 0 3px 10px #d2d2d2;margin-bottom: 15px;}
.portfolioTitle h3{font: 600 18px/28px 'Montserrat', sans-serif; color: #000; max-width: 234px; margin: 0 auto;}
.portfolioBlock img{ width: 100%; height: 100%; transition: all .2s ease-in-out; }
.portfolioBlock:hover .portfolioThumb img{ transform: scale(1.05); }
.portfolioBlock:hover h3{color: #ba9800;}

.testimonialMain{width: 100%; position: relative; float: left;}
.testimonialMain .singleTesti{width: 100%; position: relative; float: left; background: #f5f5f5; padding: 25px 15px; margin: 15px 0;}
.testimonialMain .singleTesti p{padding-bottom: 10px;}
.testimonialMain .singleTesti h2{margin: 0; padding: 0;}
.testimonialMain .singleTesti h2 span{display: inline-block; font-size: 14px; font-weight: 400;}

.singlePortfolioImage{width: 100%; display: block; height: auto;border: 5px solid #e5bf00;margin: 15px 0;}
.singlePortfolioImage img{ width: 100%; }
.singlePortfolioImage:hover{box-shadow: 0 5px 10px #a4a4a4;}
.fancybox-container{z-index: 9999999 !important;}

.contactForm{width: 100%; position: relative;float: left;margin-bottom: 5px;}
.contactForm input {width: 100%;position: relative;float: left;height: 45px;padding: 0 15px;border-radius: 0;border: 1px solid #666;font: 300 15px/28px 'Montserrat', sans-serif;color: #000;}
.contactForm textarea {width: 100%;position: relative;float: left;height: 85px;padding: 15px;border-radius: 0;border: 1px solid #666;font: 300 15px/28px 'Montserrat', sans-serif;color: #000;}
.contactForm .wpcf7-form-control-wrap {width: 100%;position: relative;float: left;margin-bottom: 15px;}
.contactForm .sendBtn{font: 600 15px/45px 'Montserrat', sans-serif; color: #000; width: 260px; height: 45px; display: block; text-align: center; letter-spacing: 1px; background: #ffd500;margin: 0 auto; cursor: pointer;border: 0;float: none;text-transform: uppercase;}
.contactForm .sendBtn:hover{background: #000; color: #fff;}



@media screen and (max-width: 1200px) {
  .portfolioHead .secRight{padding-right: 50px;}
}

@media screen and (max-width: 1170px) {
  .servicesSection .servicesListing ul li{width: 50%;}
  .footer h3{text-align: center;}
  .footer ul.contactInfoLeft{width: 100%; text-align: center;}
  .footer ul.contactInfoLeft li{display: inline-block; margin: 0 15px;}
  .footer ul.contactInfoRight{width: 100%; text-align: center;}
  .footer ul.contactInfoRight li{display: inline-block; margin: 0 15px;}
  .footer ul.contactInfoRight li:last-child, .footer ul.contactInfoLeft li:last-child{border-bottom:1px solid #4d4d4d;}
  .footer ul.footerNav{width: 100%; text-align: center; float: left;}
  .footer ul.footerNav li{display: inline-block;margin: 0 15px;width: auto;float: none;}
  .footer ul.footerNav li:nth-last-child(-n+2){border-bottom:1px solid #4d4d4d;}
  .footer ul.socialIcon li a{margin: 0 2px;}
}

@media screen and (max-width: 991px) {
  .logo {display: block;margin: 0 auto;width: 258px;}
  .js #menu { display:none; }
  .js .slicknav_menu { display:block; }
  .slicknav_menu{ position:fixed; top:14px; left:0; width:100%; z-index:99999; poniter-events:none; }
  .slicknav_btn{pointer-events: all; top: -14px;}
  .slicknav_nav{pointer-events: all; margin-top: 0;}
  .navigationSec{display:none;}

  .headerMain .headerTopSec{padding-right: 50px;}

  .aboutSection{padding: 30px 0;}
  .portfolioHead{height: auto;}
  .portfolioHead .secLeft{width: 100%;padding: 50px 0;}
  .portfolioHead .secRight{width: 100%;padding: 50px 15px;}
  .portfolioHead p{height: auto; max-width: 480px; text-align: center;}
  .portfolioHead::before{top: auto; margin-top: 98px;}

  .sliderTitle{width: calc(100% - 22px);margin-left: 11px;padding: 10px;}
  .sliderTitle h3 {font: 600 15px/22px 'Montserrat', sans-serif;}

  .portfolioTitle{width: calc(100% - 22px);margin-left: 11px;padding: 10px;}
  .portfolioTitle h3 {font: 600 15px/22px 'Montserrat', sans-serif;}

  .footer{padding: 35px 0;}
  .footer h3{margin-top: 25px;}

  .footeBar{text-align: center;padding: 15px 0;}
  .footeBar p{line-height: 25px;}
  .footeBar img{float: none; display: block;margin: 0 auto; margin-top: 15px;}
}

@media screen and (max-width: 767px) {
  .headerMain{padding: 10px 0;}
  .headerMain .logo{width: 140px; margin: 0 auto; margin-bottom: 10px; float: none;}

  .headerMain .headerTopSec{padding: 0;}
  .headerMain .headerTopSec ul{text-align: center; }
  .headerMain .headerTopSec ul li:nth-child(1){display: none;}
  .headerMain .headerTopSec ul li{margin: 0 15px;}
  .headerMain .headerTopSec ul li a{font-size: 15px;}

  .hmBanner{margin-top: 140px;}
  .hmBanner .bannerContent{position: relative;top: auto;left: auto;margin: 0;float: left;width: 100%;text-align: center;max-width: inherit;background: #000;}
  .hmBanner .bannerContent h2{font-size: 35px;line-height: 40px;padding: 30px 0;}
  .hmBanner .bannerContent h2::before{display: none;}
  .hmBanner .bannerContent h2::after{display: none;}

  /* InnerBanner */
  .innerBanner{margin-top: 140px;}
  .innerBanner .bannerContent{position: relative;top: auto;left: auto;margin: 0;float: left;width: 100%;text-align: center;max-width: inherit;background: #000;}
  .innerBanner .bannerContent h2{font-size: 35px;line-height: 40px;padding: 30px 0;}
  .innerBanner .bannerContent h2::before{display: none;}
  .innerBanner .bannerContent h2::after{display: none;}

  .aboutSection h2{font: 500 24px/30px 'Oswald', sans-serif; text-align: center;}
  .aboutSection h3{font: 400 15px/25px 'Oswald', sans-serif; text-align: center;}
  .aboutSection h2::after{left: 50%; margin-left: -34px;}
  .aboutSection p{font: 300 14px/24px 'Montserrat', sans-serif; text-align: center;}
  a.readMoreBtn{width: 260px; float: none; margin: 0 auto;font-size: 12px;}
  .portfolioMain{padding: 50px 0;}
  .portfolioMain .swiper-button-next, .portfolioMain .swiper-button-prev{bottom: 15px;}
  .servicesSection{padding: 30px 0;}
  .servicesSection h2{font: 500 24px/30px 'Oswald', sans-serif; text-align: center;}
  .servicesSection h3{font: 400 15px/25px 'Oswald', sans-serif; text-align: center;}
  .servicesSection h2::after{left: 50%; margin-left: -34px;}
  .servicesSection p{font: 300 14px/24px 'Montserrat', sans-serif; text-align: center;}
  .servicesSection a.readMoreBtn{display: inline-block;}
  .servicesSection .servicesListing ul li {width: 100%;margin-bottom: 5px;padding-right: 0;}

  .bodyContent{padding: 35px 0; text-align: center;}
  .bodyContent h1{font: 500 24px/30px 'Oswald', sans-serif; text-align: center;}
  .bodyContent h1::after{left: 50%; margin-left: -34px;}
  .bodyContent p{font: 300 14px/24px 'Montserrat', sans-serif; text-align: center;}
  .bodyContent ul{text-align: left;margin-bottom: 10px;}
  .bodyContent ul li{text-align: left; width: 100%;margin-bottom: 5px;padding-right: 0;}
}

@media screen and (max-width: 575px) {
  .posrtfolioThumb img{width: 100%;}
}

@media screen and (max-width: 520px) {
  .sliderThumb img{width: 100%;}
}

@media screen and (max-width: 480px) {
  .hmBanner .bannerContent h2 {font-size: 22px; line-height: 30px;}
  .innerBanner .bannerContent h2 {font-size: 22px; line-height: 30px;}
}