.video-wrapper.img_section img {width: 100%;}

body {
    font-family: 'Lato' !important;
    font-weight: 500; color:#000;}

.headt{margin-bottom: 4%;
    font-size: 27px;
    font-weight: 800; }

  div .column-section:first-child {
    display: flex;
}
em.emt {
font-size: 30px;}
img.service-gif{
    width: 11%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato' !important;
}
.one-third p, .serviceP{
    font-family: 'Lato' !important;
    font-weight: 300;
    line-height: 25px;
    font-size: 16px;
}
 .title-alt, #reply-title {
    
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: none;
}
.cp{color: black;}

p.serviceP {margin-top: 2% !IMPORTANT;}

.sr-button.button-big{margin-top:30px;}


.submenu {z-index: 2;}
.inner-cnt h2 {text-shadow: 4px 0px 10px #000;}
#footer{position: relative; overflow: hidden;}
footer#footer a .fa {
    padding-right: 0px;
}







@media only screen and (max-width:1024.8px) {
.spacer-big {height:60px !important;}
#hero.hero-full{min-height:500px;}
#hero #page-title{padding-bottom:40px;}
.isotope-grid[class*='isotope-spaced'] .isotope-item{width:100% !important;}
.isotope-grid .isotope-item{width:100% !important;}
div#sc-gallery-grid1{display: grid; grid-template-columns: repeat(3 ,1fr);}
.isotope-item img{height:auto;}
div#smartscroll {height: auto !important;}
.sr-vertical-gallery.gallery-spaced li{margin-bottom:30px !important;}
.sr-vertical-gallery img{height:100% !important;}
.column {padding-top: 30px !important;}
.footer-inner .column {padding: 0px !important;}
.column.two-third.last-col {padding: 0px !important;}
div#portfolio-single .column.one-third {padding: 30px 0px 10px!important;}
.portfolio-item-inner.item-inner video{height:100%;}
.column-section.clearfix.spaced-normal .column.one-third.last-col {padding-top: 0px !important;}
.column-section.clearfix.spaced-normal .column{padding: 0px !important; margin: 30px 0px 0px !important;}

}

@media only screen and (max-width:768.8px) {
    .imgSec1 {padding-bottom:88% !important;}
    .ftext{margin-top: 0px!important;}
    .column-section.clearfix.spaced-normal{display: block;}
    p.serviceP {text-align: center;}
    #logo {padding: 12px 50px;height: 40px;}
    .columns {padding: 10px 30px 30px !important;}
    div .column-section:first-child{display: block;}
    .single-title{margin-top: 0%;}
    .wrapper-banner{height:200px;}
    .is-sunk{position: relative !important;}
    .is-sticky{position: relative !important; top:0px !important;}
    .u-1\/2{width:100% !important;}
    .o-grid__item.u-1\/2 .column{padding: 10px 30px 0px !important;}
    h2.align-center{font-size:30px;}

    .image{height:135vh !important;}

}


@media only screen and (max-width:576.8px) {
#logo{height:40px; padding:0px 10px 0px;}
.togl{padding:15px 20px;}
.video-wrapper video{height: auto;}
h6.h6philips {font-size: 22px;}
h2.h2philips {font-size: 26px !important;}
div#portfolio-single .column-section.clearfix {display: block; padding-top:0px;}
.spacer.spacer-big {height: 0px !important;}
.content1{padding:0px 30px 30px 30px;}
.isotope-item.do-anim .thumb-hover{margin-top:30px;}
.gallery-grid1 {grid-template-columns: repeat(1, 1fr);}
.wrapper-banner{height:240px;}
.content2 {padding: 40px 0px 40px;}
.wrapper-bg{height: auto;}
div .column-section:first-child {display: block;}
    .imgSec1 {padding-bottom:88% !important;}
    p.cp.tcp{margin-top: 21px;}
    .widget.widget_text{display: block; text-align: center;}
    .dribbble-widget.col-4.f4 {text-align: center;}
    p.align-right.cp {text-align: center;}
    #hero.hero-full{padding:140px 60px; min-height:auto;}
    .spacer-big {height: 10px !important;}
    div#sc-gallery-grid1{ grid-template-columns: repeat(1 ,1fr);}
    .isotope-item.sr-gallery-item.do-anim.animated{margin-top:30px;}
    div#sc-gallery-grid3{margin-top:0px;}
    .column.two-third.last-col {margin-bottom: 30px; margin-top: 0px !important;}
    
    h2.align-center br{display: none;}
    .column.c-section {padding: 0px 30px 50px !important;}
    .image {position: relative !important;height: 106vh !important;}
    .single-title {margin-bottom: 0px;}
    .content1 .title-alt{margin-top: 20px;}
    p.serviceP{margin-bottom: 30px;}
    h5.title-alt{font-size:16px; width:100% !important;}

    
}




@media only screen and (max-width:480px) {
    #hero #page-title{padding-top:0px; padding-bottom:50px !important;}
    .sr-button.button-big {margin-top: 6px; margin-bottom:30px;}
    .fullwidth-content {padding:48px 0px !important;}
    div#page-title h1 {font-size: 40px;}
    div#page-title{top:50% !important;}
    #page-body h2 {font-size: 24px; line-height:35px;}
    section#hero\ topus h3{font-size:35px !important;}
    section#hero\ topus{padding-top: 10px !important; padding-bottom:40px !important;}
    .wrapper-banner{padding:0px;}
    .content2 {padding: 10px 0px 30px;}
    .column1{width:100%;}
    .column2{width:100%;}
    .togl{font-size:30px;}
    .imgSec1 {padding-bottom:30% !important;}
    .headt{font-size:22px;}
    .o-grid__item.u-1\/2 .column {padding: 0px 30px 10px !important;}
    .inner-cnt h6 {font-size: 18px !important;}
    .inner-cnt h2 {font-size: 22px !important;}
    .inner-cnt{left:20px !important; bottom:25px;right: auto !important;
        text-align: left !important;}
    .portfolio-item-inner.item-inner video {height: 100%;}
    .image {height: 88vh !important;}
    h6 {font-size: 20px;}
    #hero.hero-big {min-height: 55vh;}


}


@media only screen and (max-width:425.8px) {
h6.h6philips {font-size: 20px !important;}
h2.h2philips {font-size: 26px !important;}
section#hero div#page-title{padding-top:0px; padding-bottom:10px !important;}
h5.title-alt.text-animation {margin-top: 0px;line-height: normal;}
.spacer-small {height: 0px;}
#hero.hero-full {padding: 100px 0px;}
div#page-title h1 {font-size: 30px; margin: 0px;}
.column-section.clearfix.spaced-normal h5.title-alt {margin-top:5px;}
h6.title-alt.align-center.uppercase{margin-top:5px;}
.dribbble-widget.col-4.f4 a {display: inline-block;}
.column.one-third{padding: 0px;}
.column.two-third.last-col{padding: 0px;}
.image {height:82vh !important;}
.footer-inner .column.one-third.last-col {margin-top: 20px;}
.fullwidth-section .fullwidth-content .column.one-full.last-col {margin: 20px 0px 7px 0px !important;}
.column-section.clearfix.spaced-normal.weare {margin-bottom: 30px;margin-top: 20px;text-align: center;}
.column-section.clearfix.spaced-normal.weare p{margin: 0px 0px 10px;}
div#page-title h2 {font-size: 22px;line-height: 35px;}
.topabout .spacer-medium{height:0px !important;}
.wrapper-small.topabout{margin-bottom:30px;}
#logo {height: 33px;}
.togl {padding: 12px 7px;}


}

@media only screen and (max-width:376.8px) {
/* .inner-banner img{min-height:200px !important;} */
.wrapper-bg{padding:80px;}
.wrapper-banner {height: 190px;}
.imgSec1 {padding-bottom:28% !important;}
.headt{font-size:20px;}
.image {height:72vh !important;}
.overlay{max-width: 290px;}
.overlay a {
    padding: 8px 20px;
    font-size: 18px;
}
}

@media only screen and (max-width:340px) {
    div .column-section:first-child {display: block;}
    p.cp.tcp{margin-top: 21px;}
    .overlay .closebtn{right:40px;}
    div#page-title h1 {font-size:30px;}
    .column {margin-top: 20px;}
    p.cp.tcp br {display: none;}
    .wrapper-banner {height: 170px;}
    .column{padding:0px;}
    .image {height:61vh !important;}


}