body{
    background: #fff;
    font-family: 'Poppins', sans-serif;
    /*border: solid 1px red;*/
}
p,h1,h2,h3,h4,h5,h6, span, strong{  
    font-family: 'Poppins', sans-serif;
}
img{
    width: 100%;
    max-width: fit-content;
}
a{
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration: none;
    color: inherit;
}
p {
    font-size: 1.1rem;
    font-weight: 300;
}
.bg-light {
    background-color: #fff !important;
}
.mr-auto, .mx-auto {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
}
.navbar-light .navbar-nav .active>.nav-link{
    font-weight: 600;
    color: #6a5c2d !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #6a5c2d;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0px 10px;
    font-size: 0.9rem;
}
.navbar-light .navbar-nav .nav-link span{
    display: none;
}
.navbar-light .navbar-nav .active>.nav-link span{
     display: contents;
}
.navbar-light .navbar-nav .nav-link:hover span{
    display: contents;
}
.navbar{
    width: 100%;
    padding: 0px;
    margin-top: 50px;
}
.navbarTop{
    text-align: right;
}
.navbarTop span{    
    margin: 30px 12px 0px 8px;
    float: right;
    font-weight: 400 !important;
    color: #5e5e5e;
}
.navbar-expand-lg .navbar-collapse{
    flex-direction: row-reverse;
}
.nav-link{
    padding: 0.1rem 1rem;
}
.mobileView{
    display: none;
}
section{
    padding: 0px;
}

#welcomeText{
    padding: 30px 0px;
    text-align: center;
}
#welcomeText h2{
    color:#000000;
    font-size: 1.8rem;
    font-weight: 300;
}
#welcomeText h1{
    color: #695b2c;
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 35px;
}
#welcomeText p{
    font-size: 1.2rem;
    font-weight: 300;
    color: #2d2d2d;
}
#welcomeText .row{
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.desktop1, .desktop2{
    display: block;
}
.mobile1, .mobile2{
    display: none;
}
#welcomeText h2{
    margin-top: 20px;
}
#homeexpertise{
    background: url(../images/homeexpertisebg.jpeg) center #000 no-repeat;
    background-size: cover;
    padding: 30px 0;
    text-align: center;
    color: #fff;
}
#homeexpertise h2{
    font-weight: 500;
}
#homeexpertise h2 span{
    font-weight: 300;
}
#homeexpertise p{
    font-size: 1.1rem;
    font-weight: 200;
}
#homeexpertise h3{
    font-size: 1.4rem;
    margin-top: 30px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
}
#homeexpertise hr{
    width: 40px;
    min-height: 5px;
}
.arch {
    background: #ff9c00;
}
.intDesign{
    background: #0063ff;
}
.plan{
    background: #c336ce;
}
.govAprov{
    background: #a3b028;
}
#homeProjects{
    padding: 30px;
}
#homeProjects h2{
    color: #282828;
    font-size: 3.75rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-family: 'Quicksand', sans-serif;
}
#homeProjects p{
    text-align: center;
    width:100%;
    color: #282828;
    font-size: 1.2rem;
}
#homeProjects .row{
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
}
#homeProjects h3 {
    background: #0000009e;
    margin: 100px 0px;
    color: #fff;
    padding: 5px;
}
#homeProjects .col-md-4{
    padding: 0px;
    margin:15px;
    width:100%;
    min-height: 242px;
    flex: 0 0 33.333333%;
    max-width: 32%;
    margin: 0px 0.5% 10px 0.5% !IMPORTANT;
}
.homeRes{
    background: url(../images/residential.jpeg) center #000 no-repeat;
    background-size: cover;
}
.homeRedv{
    background: url(../images/redevelopment.jpeg) center #000 no-repeat;
    background-size: cover;
}
.homeInter{
    background: url(../images/interiors.jpeg) center #000 no-repeat;
    background-size: cover;
}
.homeCommer{
    background: url(../images/commercial.jpeg) center #000 no-repeat;
    background-size: cover;
}
.homeEdu{
    background: url(../images/educational.jpeg) center #000 no-repeat;
    background-size: cover;
}
#homeHowWeWork{
    padding: 40px 0px;
}
footer{
    background: #d3d3d3;
    padding: 10px 0px 0px 0px;
}
footer .row{
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.footerlinks li{
    list-style: none;
    display: inline-block;
    padding: 5px 5px;
    color: #4b4b4b;
}
.footerlinks li a{
    color: #4b4b4b;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.footerlinks ul{
    padding-left: 0px;
}
.footerlinks{
    text-align: right;
}
.copyright{
    padding-bottom: 10px;
    text-align: left;
    color: #363636;
    font-size: 0.9rem;
}
footer .fa{
    color: #808080;
    font-size: 1.5rem;
}
.banner{
    text-align: center;
    padding: 50px 0px;
}
.banner h2{
    background: #00000080;
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 10px 20px;
    text-align: center;
    width: fit-content;
    max-width: 700px;
    margin: auto;
}
.banner h2 strong{
    font-weight: 600;
}
#expertiseBanner{
    background: url(../images/expertise-banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#projectsBanner{
    background: url(../images/projects-banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#aboutBanner{
    background: url(../images/aboutus-banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#managementBanner{
    background: url(../images/management-banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#clientsBanner{
    background: url(../images/clients-Banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#contactusBanner{
    background: url(../images/contactus-banner.jpeg) center #000 no-repeat;
    background-size: cover;
}
#pageHeading{
    padding: 30px 0px;
    text-align: center;
}
#pageHeading h1 {
    color: #695c2b;
    font-weight: 600;
    font-size: 2.3rem;
    margin-bottom: 0px;
}
#pageHeading .fa-angle-down{
    color: #b5a785;
    font-size: 3rem;
    font-weight: bold;
    margin-top: -5px;
} 
#approachArch .row, #approachInt .row{
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#approachInt{
    margin-bottom: 40px;
    margin-top: 40px;
}
#approachArch .col-md-8{
    background: url(../images/leftarrow2.jpeg) left center no-repeat;
    padding-left: 40px;
    margin-left: 3%;
    max-width: 60%;
}
#approachInt .col-md-8{
    background: url(../images/rightarrow2.jpeg) right center no-repeat;
    padding-right: 40px;
    margin-right: 3%;
    max-width: 60%;
}
.approach{
    background: url(../images/design-concept.jpeg) center #000 no-repeat;
    background-size: cover;
    padding-left: 0px;
    border-radius: 5px;
}
.approachInt{
    background: url(../images/design-implimentation.jpeg) center #000 no-repeat;
    background-size: cover;
    padding-left: 0px;
    border-radius: 5px;
}
.approach h2, .approachInt h2{
    background: #00000070;
    color: #fff;
    margin: 120px 0px;
    width: max-content;
    padding: 20px;
    font-size: 2.8rem;
    text-align: right;
    font-weight: 500;
}
.approach h2 span, .approachInt h2 span{
    font-size: 3rem;
    font-weight: 200 !important;
}
#approachArch p, #approachInt p{
    color: #4e4e4e;
    font-size: 1.2rem;
    text-align: justify !important;
}
.nav-tabs{
    justify-content: center;
    border-bottom: 0px;
}
.nav-tabs .nav-link{
    color: #6d6d6d;
    font-weight: 400;
    padding: 10px 20px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 0px;
    background: #000000;
    color: #fff;
    font-weight: 600;
    border-radius: 0px;
}
#projectsTab h2{
    font-size: 1.15rem;
    font-weight: 600;
    margin: 10px 0px;
    text-transform: uppercase;
}
.horizontalProj, .verticalProj{
    margin:20px 0px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.verticalProj{
    margin-top: 50px;
}
#aboutSDA{
    text-align: center;
}
#aboutSDA h2{
    color: #414141;
    font-weight: 500;
    font-size: 1.75rem;
}
#ourInvolvement .row{
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
    align-items: center;
}
#ourInvolvement h2{
    color: #878787;
    font-weight: 400;
    font-size: 3rem;
}
#ourInvolvement h2 strong{
    font-weight: 600;
}
#ourInvolvement .col-md-5{
    text-align: right;
}
#ourInvolvement{
    margin-bottom: 50px;
    margin-top: 15px;
}
#offeringQuality{
    margin: 30px 0px 50px 0px;
    text-align: center;
}
#offeringQuality h2{
    color: #5fa376;
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 0px;
}
#offeringQuality .fa-angle-down{
    font-size: 2.2rem;
    color: #2c510d;
    font-weight: 700;
}
#offeringQuality h3{
    color: #414141;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 10px;
    text-transform: uppercase;
}
#offeringQuality .col{
    text-align: center;
    width: 19%;
    margin:0px 0.5%;
}
#ourStory .ourStoryText{
    background: url(../images/right-arrow3.png) right center no-repeat #e9e2bc;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 40px 0px 50px;
    text-align: right;
}
#ourStory .ourStoryImg{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    background: url(../images/our-team.jpeg) center #000 no-repeat;
    background-position:  top center;
    background-size: cover;
}
#ourStory img{
    height: 100%;
    width:100%;
}
#ourStory .mobile3{
    display: none;
    margin:20px auto;
}
#ourStory .ourStoryText{
    padding-bottom: 20px !important;
}
.rangrOfOthers p{
    text-align: center;
    color: #2d2d2d;
    font-size: 1.5rem;
    margin-top: 10px;
    font-weight: 700;
}
#aboutFounder h2{
    color: #414141;
    font-size: 2.25rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}
#aboutFounder .row{
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}
#aboutFounder p{
    text-align: justify;
    color: #414141;
}
#aboutFounder h3{
    font-size: 1.4rem;
    color: #414141;
}
#awardsInstitutes{
    padding: 30px 0px;
}
#awardsInstitutes .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;  
}
.awards{
    padding: 20px 20px 20px 120px;
    background: url(../images/award.jpeg) left center no-repeat #f2ebdd;
}
.awards p{
    color: #2d2d2d;
    font-weight: 500;
    font-size: 1.4rem;
}
.awards ul{
    padding-left: 15px;
    font-weight: 400;
}
.awards li{
    font-weight: 400px;
    list-style: none;
    color: #414141;
}
.awards li::before {
  content: '▪ ';
  color: #ae6149 !important;
  display: inline-block; 
  width: 1em;
  font-size: 1.3rem;
  margin-left: -1em;
}
.institutes h3{
    color: #2d2d2d;
    font-weight: 500;
}
.institutes ul{
    padding-left: 30px;
    font-weight: 300;
}
.institutes li{
    font-weight: 400;
    list-style: none;
    color: #414141;
    font-size: 1.2rem;
}
.institutes li::before {
  content: '▪ ';
  color: #ae6149 !important;
  display: inline-block; 
  width: 1em;
  font-size: 1.3rem;
  margin-left: -1em;
}
.awards img{
    display: none;
}
#prajaktaD .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;  
}
.pdText{
    text-align: right;
    color: #414141;
}
.pdText h2, #dineshNaik h2{
    font-size: 1.8rem;
}
.pdText h3, #dineshNaik h3{
    font-size: 1.5rem;
    font-weight: 300;
}
.pdText p, #dineshNaik p{
    margin-bottom: 0px;
}
.pdIMg{
    display: none;
}
#dineshNaik{
    margin:30px 0px;
}
#dineshNaik .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;  
}
.dnImg{
    text-align: right;
}
#clientsBox{
    text-align: center;
}
#clientsBox p{
    font-size: 1.1rem;
    color: #362e2e;
    font-weight: 400;
    margin-top: 20px;
}
#clientsBox .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-end;
    flex-direction: row; 
}
#clientsBox .col-md-4{
    margin-bottom: 30px;
}
#contactusDiv .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;  
}
#contactusDiv h2{
    color: #000000;
    font-size: 1.4rem;
    font-weight: 600;
}
#contactusDiv .col-md-4{
    padding-right: 30px;
    background: url(../images/left-arrow3.png) right center no-repeat;
}

@media screen and (max-width: 1155px){
    .approach h2 span, .approachInt h2 span{
        font-size: 3.5rem;
    }
}
@media screen and (max-width: 1150px){
    #ourStory .ourStoryText{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        padding: 20px !important;
        background-image: none;
    }
    #ourStory .ourStoryImg{
        display: none;
    }
    #ourStory .mobile3{
        display: block;
    }
}
@media screen and (max-width: 1024px){
    .approach h2 span, .approachInt h2 span{
        font-size: 3rem;
    }
}
@media screen and (max-width: 1012px){
    .copyright, .footerlinks{
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;

    }
}
@media screen and (max-width: 1339px) and (min-width: 992px){
    .navbar-nav{
        display: inline-block !important;
    }
    .nav-item{
        float: left;
    }
}

/*992 START*/
@media screen and (max-width: 992px){
    .mr-auto, .mx-auto{
        margin-right: 0px !important;
        margin-bottom: 20px;
        padding: 5px;
        background: #74633a1c;
    }
    .navbar-light .navbar-nav .active>.nav-link {
        color: #FFF;
        font-weight: 600;
    }
    .navbar-light .navbar-nav .nav-link{
        margin-bottom: 5px;
        padding-left: 10px;
    }
    .navbar-light .navbar-toggler{
        margin: 30px 10px;
    }
    .mr-auto .active a{
        background: none !important;
        color: #5d3426 !important;
    }
    #approachArch .col-md-4, #approachArch .col-md-8, #approachInt .col-md-4, #approachInt .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #approachArch, #approachInt{
        margin: 0px 20px;
    }
    .approach, .approachInt{
        text-align: center;
        max-width: 369px !important;
        margin-bottom: 20px;
    }
    #approachArch .col-md-8, #approachInt .col-md-8{
        padding-top: 20px;
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
        background: url(../images/toparrow2.jpeg) top center no-repeat;
    }
    #approachArch p, #approachInt p{
        text-align: center !important;
    }
    .approach h2, .approachInt h2{
        margin:40px auto;
    }
    .desktop2{
        display: none;
    }
    .mobile2{
        display: block;
    }
    #approachInt{
        margin-top: 40px;
    }
    #ourInvolvement h2{
        font-size: 2rem;
        margin-top: 20px;
    }
    #aboutFounder .col-md-5, #aboutFounder .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    #aboutFounder p{
        text-align: center !important;
    }
    #aboutFounder h3{
        margin-top: 20px;
    }
    .pdIMg{
        display: block;
        margin: auto;
    }
    .prajDeshImgBOx{
        display: none;
    }
    #prajaktaD .col-md-6{
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #awardsInstitutes .col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .institutes{
        margin-top: 20px;
        padding-left: 30px;
    }
    .pdText h2, #dineshNaik h2{
        margin-top: 10px;
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
    .pdText h3, #dineshNaik h3{
        font-size: 1.3rem;
    }
    .pdText{
        margin-bottom: 30px;
    }
    #dineshNaik .col-md-6{
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #dineshNaik{
        margin:0px !important;
        margin-bottom: 50px !important;
    }
    #dineshNaik h2{
        margin-top: 10px;
    }
    #prajaktaD, #dineshNaik{
        margin-bottom: 50px;
    }
}
/*992 END*/
@media screen and (max-width: 991px){
    .navbar {
        direction: rtl;
        margin-top: 0px;
    }
    .mobileView{
        display: block;
    }
    .desktopView{
        display: none;
    }
    #homeProjects h2{
        font-size: 2.5rem;
    }
    #homeProjects h3{
        font-size: 1.5rem;
    }
}



/*767 START*/
@media screen and (max-width: 767px){
    #welcomeText h1{
        font-size: 1.6rem;
    }
    #welcomeText h2{
        font-size: 1.4rem;
        margin-bottom: 0px;
    }
    #welcomeText p{
        font-size: 1.1rem;
    }
    #homeProjects .col-md-4{
        flex: 0 0 100%;
        clear: both;
        max-width: 350px;
        width: 100%;
    }
    footer img{
        margin-bottom: 20px;
    }
    #homeexpertise h2{
        font-size: 1.7rem;
    }
    #homeexpertise .fa-chevron-left, #homeexpertise .fa-chevron-right{
        font-size: 1.4rem;
    }
    #pageHeading h1{
        font-size: 1.7rem;
    }
    #pageHeading .fa-angle-down{
        font-size: 2.5rem;
    }
    .approach h2, .approachInt h2, .approach h2 span, .approachInt h2 span{
        font-size: 2rem;
    }
    .verticalProj{
        margin-top: 0px;
    }
    #projectsTab h2{
        margin-bottom: 40px;
    }
    #ourInvolvement, #ourInvolvement .col-md-5{
        text-align: center !important;
    }
    #ourInvolvement h2{
        margin-top: 10px;
    }
    #offeringQuality{
        margin-top: 0px !important;
    }
    #offeringQuality h2{
        font-size: 1.3rem;
    }
    #offeringQuality .col{
        flex-basis: inherit;
        width:33.33%;
        margin-bottom: 10px;
    }
    #offeringQuality h3{
        font-size: 1rem;
    }
    #ourInvolvement{
        margin-bottom: 20px;
    }
    #ourStory .ourStoryText{
        padding-top: 10px;
    }
    #ourStory .mobile3{
        margin-top: 0px;
    }
    .rightimg, .leftimg{
        text-align: center;
    }
    #contactusDiv .col-md-4{
        background-image: none;
        text-align: center;
    }
}
/*767 START*/

/*575 START*/
@media screen and (max-width: 575px){
    
    #header, .navbarTop{
        text-align: center;
    }
    .navbarTop span{
        float: left;
        width: 100%;
        margin: 0px;
    }
    .navbar{
        position: relative;
        margin-bottom: 5px;
    }
    .navbar-light .navbar-toggler {
        position: absolute;
        top: -200px;
        margin-bottom: 30px;
    }

    
    .desktop1{
        display: none;
    }
    .mobile1{
        display: block;
    }
    #projectsTab h2{
        font-size: 1rem;
    }
    .awards img{
        display: block;
        margin:auto;
    }
    .awards{
        padding: 20px;
        background-image: none;
    }
    .awards p{
        text-align: center;
    }
    .institutes h3{
        font-size: 1.3rem;
        text-align: center;
    }
    .institutes li{
        font-size: 1.1rem;
    }
    #aboutFounder h2{
        font-size: 1.8rem;
    }
}
/*575 END*/

@media screen and (max-width: 430px){
    .banner h2{
        width: 100%;
    }

    #offeringQuality .col{
        flex-basis: inherit;
        width:100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 321px){
    .navbar-light .navbar-toggler {        
        top: -230px;
    }
}

@media screen and (max-width: 300px){
    body{
        overflow-wrap: break-word;
    }
}
/*SLIDER*/
#slider{
    height: 444px;
    background: #444;
}
.slide1img{
    background: url(../images/slider1.jpeg) right center #444 no-repeat;
    height: 444px;
}
.slide2img{
    background: url(../images/slider2.jpeg) right center #444 no-repeat;
    height: 444px;
}
.slide3img{
    background: url(../images/slider3.jpeg) right center #444 no-repeat;
    height: 444px;
}
.slide4img{
    background: url(../images/slider4.jpeg) right center #444 no-repeat;
    height: 444px;
}
.captiontext{
    color: #fff;
    padding: 30px;
}
.captiontext p{
    font-size: 1.2rem;
    font-weight: 400;
}
.slide1 .row, .slide2 .row, .slide3 .row, .slide4 .row{
    align-items: center;
    justify-content: center;
    align-content: center;
}

/*@media screen and (max-width: 767px){
    .slide1img, .slide2img, .slide3img, .slide4img{
        display: none;
    }
    .slide1 .col-sm-6, .slide2 .col-sm-6, .slide3 .col-sm-6, .slide4 .col-sm-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #slider{
        height: auto;
        text-align: center;
    }
}*/
@media screen and (max-width: 1200px){
    .slide2img{
        background-position: left center;
    }
    .slide4img{
        background-position: center center;
    }
}
@media screen and (max-width: 991px){
    .captiontext{
        padding: 20px;
    }
}
@media screen and (max-width: 909px){
    .slide1img, .slide2img, .slide3img, .slide4img{
        display: none;
    }
    .slide1 .col-sm-6, .slide2 .col-sm-6, .slide3 .col-sm-6, .slide4 .col-sm-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .slide1{
        background: url(../images/slider1.jpeg) right center #444 no-repeat;
        height: 444px;
    }
    .slide2{
        background: url(../images/slider2.jpeg) right center #444 no-repeat;
        height: 444px;
    } 
    .slide3{
        background: url(../images/slider3.jpeg) right center #444 no-repeat;
        height: 444px;
    }
    .slide4{
        background: url(../images/slider4.jpeg) right center #444 no-repeat;
        height: 444px;
    }
    .captiontext{
        margin:100px 20px;
        background: #000000b0;
        text-align: center;
    }
}
@media screen and (max-width: 575px){
    
    .captiontext h2{
        font-size: 1.4rem;
    }
    .captiontext p{
        font-size: 1rem;
    }
    #welcomeText img{
        max-width: 80px;
    }
}
@media screen and (max-width: 430px){
    
}
@media screen and (max-width: 363px){
    .captiontext{
        padding: 15px;
        background: #000000b0;
        margin:50px 20px;
    }
}
@media screen and (max-width: 300px){
    .captiontext{
        margin:20px 20px;
    }
}
/*SLIDER*/

#ourbsyOffice h2{
    margin-top: 20px;
    text-align: center;
}
.rightimg{
    text-align: right;
}
.leftimg{
    text-align: left;
}
#ourbsyOffice img{
    width: 100%;
    max-width: fit-content;
}
@media screen and (max-width:767px){
    .rightimg, .leftimg{
        text-align: center;
    }
    #oyBsyOffImg img{
        margin:5px auto !important;
    }

}
#ourbsyOffice{
    padding: 50px 0px;
    text-align: center;
    margin: auto;
    max-width: 1100px;
}
#ourbsyOffice .row{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#ourbsyOffice h2{
    font-size: 36px;
    color: #414141;
}
#ourbsyOffice p{
    font-weight: 400;
    text-align: justify;
}
#ourbsyOffice img{
    margin:10px 0px;
}
@media screen and (max-width:690px){
    #ourbsyOffice .col-md-4{
        text-align: center !important;
    }
    #ourbsyOffice{
        padding: 30px 20px;
    }
}
#welcomeText h4{
    color: #ba2e2e;
}
.col-inner{
    padding: 15px 0px;
    color: #fff;
    min-height: 190px;
}
.col1 .col-inner{
    background: url(../images/circle1.png) center center no-repeat;
}
.col2 .col-inner{
    background: url(../images/circle2.png) center center no-repeat;
}
.col3 .col-inner{
    background: url(../images/circle3.png) center center no-repeat;
}
.col4 .col-inner{
    background: url(../images/circle4.png) center center no-repeat;
}
.col5 .col-inner{
    background: url(../images/circle5.png) center center no-repeat;
}
@media screen and (max-width:991px){
    .col-inner{
        padding: 10px 5px;
    }
}
#homeHowWeWork .fa-angle-down{
    display: none;
}
@media screen and (max-width:767px){
    .col{
        max-width: 100% !important;
        flex-basis: inherit;
        margin: 20px auto;
    }
    #homeHowWeWork .fa-angle-right{
        display: none;
    }
    #homeHowWeWork .fa-angle-down{
        display: block;
    }
}
#homeHowWeWork .row{
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
#homeHowWeWork .fa{
    font-size: 2rem;
}
#containerSection{
    background: url(../images/projectsconbg.jpeg) center no-repeat;
}
#projectsTab .fa-angle-left, #projectsTab .fa-angle-right{
    font-size: 2rem;
    margin: 10px 20px;
    font-weight: 800;
}
#projectsTab h3{
    font-size: 1.6rem;
    font-weight: 500;
    color: #595959;
    margin-top: 30px;
}
#projectsTab img{
    margin-top: 20px;
}
@media screen and (max-width:767px){
    #myTabContent .text-left, #myTabContent .text-right{
        text-align: center !important;
    }
}