@media only screen and (max-width: 767px){
    p, .itemText p{
        font-size: 14px;
    }
    .containerFull{
        padding:0 15px;
    }
    .header{
        padding:3px 0;
    }
    .leftLogo{
        width: 120px;
    }
    .stricky-fixed .leftLogo{
      width: 100px;
    }
    .large_heading{
        font-size: 24px;
        line-height: 30px;
    }
    .small_heading{
        font-size: 20px;
    }
    section{
        overflow:inherit;
        padding:40px 0;
    }
    .btnThemeForm, .btnTheme, .btnBanner {
        font-size: 14px;
        padding: 13px 25px;
        text-align: center;
    }
    .btnBorder{
        font-size: 14px;
        width: 100%;
        padding: 13px 25px;
        margin-top: 10px;
    }
    .mobileBtn a{
        width: 100%;
    }
    .sub_heading{
        font-size: 20px;
    }
    .btnBanner{
        margin-top: 20px;
    }
    .heading{
        font-size: 20px;
        line-height: 24px;
    }
    .btnMenu{
        background: none;
        border:none;
        color: #000;
        font-size: 18px;
    }
    .title{
        font-size: 15px;
    }
    .stricky-fixed .btnMenu{
        color: #000;
    }
    .offcanvas-end {
        width: 320px;
    }
    .offcanvas-body {
        overflow-x: hidden;
    }
    .innerMenu ul li a {
        color: #222;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 15px;
        padding: 10px;
        font-weight: 600;
    }
    .innerMenu ul li a:hover{
        color: var(--primary-color);
    }
    .bannerText{
        position: inherit;
        transform: translateY(0);
    }
    .iconAddress:before{
        content: '\f3c5';
    }
    .iconMobile:before{
        content: '\f879';
    }
    .iconMail:before{
        content: '\f0e0';
    }
    .heroBanner img{
        height: 300px;
    }
    .itemBottomBanner{
        padding:20px;
        margin: 0px 0;
        height:100%;
    }
    .aboutInline{
        flex-wrap: wrap;
    }
    .leftAbout:after{
        display: none;
    }
    .leftAbout, .rightAbout{
        width: 100%;
        padding: 0px;
    }
    .rightAbout{
        margin-top: 20px;
    }
    .leftAbout img{
        border-radius: 5px;
    }
    .rightAbout p{
        text-align: justify;
    }
    .itemExpertise h4{
        font-size: 16px;
    }
    .itemExpertise{
        padding: 15px 12px;
    }
    .iconExpertise{
        width: 60px;
        height: 60px;
    }
    .rightContact h4{
        margin-bottom: 15px;
    }
    .leftContact ul li{
        position: relative;
    }
    .leftContact{
        padding-left: 10px;
    }
    .leftContact ul li:before, .rightContactInner ul li:before{
        left: 0px;
        font-size: 17px;
        top:8px;
    }
    .leftContact ul li, .rightContactInner ul li{
        padding: 10px;
        padding-left: 30px;
        font-size: 14px;
    }
    .ServiceContent{
        padding:12px 5px;
        height:50px;
    }
    .ServiceContent .title{
        font-size: 14px;
    }
    .bgCall{
        background-repeat: repeat-x; 
    }
    .formItem{
        margin-top: 5px;
    }
    .footerMenu{
        margin-top: 20px;
    }
    .footerMenu ul{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .footerMenu ul li a{
        font-size: 13px;
        padding: 8px 5px;
    }
    .footerSocial ul{
        justify-content: flex-start;
    }
    .footerMenu p{
        text-align: left;
    }
    .innerItem img{
        height: 280px;
    }
    .imageName .title{
        font-size: 14px;
    }
    .innerItem{
        padding-left: 40px;
    }
    .shortBanner{
        height: 155px;
    }
    .rightServices{
        padding-left: 0px;
    }
    .itemGallery img{
        height: 150px;
    }
    .galleryTabs ul li{
        padding: 5px 5px;
    }
    .galleryTabs ul li{
        font-size: 14px;
    }
    .galleryTabs ul li:hover, .galleryTabs ul li.active{
        background: transparent;
        color: var(--secondary-color);
    }
    .socialLinked ul li a{
        width: 35px;
        height: 35px;
        margin-right: 10px;
        font-size: 18px;
    }
    .leftWork ul li{
        width: calc(100% / 2 - 15px);
        height: 138px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .customStyle{
      table-layout: auto;
    }
    .customStyle td{
      width: auto;
      font-size: 12px;
    }
    .flip-box{
        height: 260px;
        margin-bottom: 15px;
    }
    .servicesImg{
        height: 145px;
    }
    .btnWhite{
        padding: 12px 25px;
        font-size: 14px;
    }
    .formSubmit{
        margin-top: 20px;
    }
}



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

}
@media (min-width: 1024px){
   
}
@media (min-width: 1280px){
    .containerFull{
        max-width: 1260px;
        margin: 0 auto;
    }
}
@media (min-width: 1600px){
    .containerFull{
        max-width: 1366px;
        margin: 0 auto;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1080px;
    }
}