body {
    width:100%;
    background-color:#1a2227;
    background-size:100%;
   
}

html{
    scroll-behavior: smooth!important;
}

.container-landing img {
    height:100vh;
    width:100vw;
}

.carousel-inner img{
    height:300px;
}



/*style the navigation bar*/

.navbar-inverse{
    width:100%;
    background-color:#1a2227;
    padding:none;
    border:none;
    margin: 0 auto;
}

.nav li{
    width:auto;
    color:#c6ccc8;
    font-size:20px;
    margin-right:35px;
    margin-top:50px;
    padding: 10px 0 10px 0;
}



.dropdown-menu{
    text-align:center;
    background-color:#1a2227;
    height:380px;
    width:120px;
    padding-top:60px;
    float:left;
    
}
/*.dropdown-item{*/
    .navbar-nav li{
    height:60px;
    color:#c6ccc8;
    font-size:20px;
    display:block;
}

.navbar-collapse .navbar-nav li a:hover{
    color:#fff;
    text-decoration:none;
    /*background-color:#1d1b1b;*/
}
.navbar-inverse:hover{
    padding-bottom:0px;
    cursor:pointer;
}
.logo{
    height:150px;
    width:130px;
    margin:16px;
    padding:0;
}

/*----------------------------body-------------------------*/

h2.design{
    font-size:6em;
    margin-bottom:400px;
    animation:Slide_Up 5.2s ease;
    
}
h2.style{
    font-size:6em;
    margin-bottom:600px;
    margin-left:600px;
    animation:fadeIn 5.2s ease;
    font-family:cinzel;
    text-transform: uppercase;
    letter-spacing:.1em;
}

h2.striking{
    font-size:6em;
    font-family: 'Nothing You Could Do', cursive;
    margin-bottom:500px;
    margin-left:500px;
    animation:Slide_Right 5.2s ease; 
}

h2.on-time{
    font-size:6em;
    margin-bottom:150px;
    margin-left:500px;
    animation:Slide_Left 4.2s ease-out;
}

h2.on-budget{
    font-size:6em;
    margin-bottom:100px;
    margin-left:300px;
    animation:fadeIn 7.2s ease;
}

.courier1 {
    opacity:0.5;
}

h2.application{
    font-size:6em;
    margin-bottom:400px;
    margin-left:500px;
    animation:Slide_Left 5.2s ease; 
}


@keyframes Slide_Right {
    0%{
    transform:translateX(300px);
    }
    100%{
        transform:translateX(0px);
    }
}

@keyframes Slide_Left {
    0%{
    transform:translateX(-300px);
    }
    100%{
        transform:translateX(0px);
    }
}

@keyframes Slide_Up {
    0%{
    transform:translateY(300px);
    }
    100%{
        transform:translateY(0px);
    }
}



.fade-in-text {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6em;
    color: #fff;
    animation: fadeIn linear 6s;
    -webkit-animation: fadeIn linear 6s;
    -moz-animation: fadeIn linear 6s;
    -o-animation: fadeIn linear 6s;
    -ms-animation: fadeIn linear 6s;
  }
  
  
  @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  .fade-out {
    animation: fadeOut ease 2s;
    -webkit-animation: fadeOut ease 2s;
    -moz-animation: fadeOut ease 2s;
    -o-animation: fadeOut ease 2s;
    -ms-animation: fadeOut ease 2s;
  }
  @keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  
  

#intro {
    margin-top:0px;
    height:525px;
    width:auto;
    background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
    color:#fff;
    font-size:1.4em;
    text-align:center;
    padding:25px;
    
}

.p-intro{
    padding:30px;
}

.BIG{
    font-size:34px;
}

#intro img{
    color:#fff;
}

#intro .fas{
    color:rgb(155, 124, 77);
    font-size:1.2em;
}

#intro .far{
    color:rgb(155, 124, 77);
    font-size:1.2em;
}


#products {
    height:1760px!important;
    margin-top:100px;
    background-color:#fff;
}


.heading h3{
    text-align:center;
    text-transform: uppercase;
    font-size:2em;
    letter-spacing: 0.1em;
    padding:42px;
    color:#000;
    
}
.thumbnail1 img {
    height:250px;
    width:370px;
    margin-bottom:5px;
    border-radius:12px 12px 0px 0px ;
    filter:brightness(50%);

}

.thumbnail1 img:hover{
    filter:brightness(90%);
}

.thumbnail1 {
    height:770px;
    width:370px;
    margin-bottom:40px;
    text-align:center;
    margin-left:20px;
    border:.5px solid rgb(219, 212, 212);
    box-shadow: 0px 0px 3px 3px rgb(219, 212, 212);
    border-radius:12px;
}

.thumbnail1 a{
    text-decoration:none;
}

.thumbnail1 a h2{
    color:#000;
    padding-top:30px;
    text-decoration:none;
}

.thumbnail1 p{
    width:370px;
    text-align:center;
    padding:20px;
    font-size: 1em;
    color:#7b868a;
    
}

/*----------------------------parallax1--------------------------------*/

.parallax1{
    background-image:url("doorsigns.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:500px;
    width:auto;
    
}


/*----------------------------customers--------------------------*/

.customers{
    height:500px;
    width:100%;
    background-color:#fff;
    text-align:center;
}
.customers-heading h3{
    text-align:center;
    color:#000;
    text-transform: uppercase;
    font-size:2em;
    letter-spacing: 0.1em;
    margin-top:200px;
    margin-bottom:40px;
    width:auto;
    padding:22px;
    font-family: 'Mate SC', serif;
}


.owl-item {width: 128.906px; margin-right: 10px; background:#fff; }


/** to hide dots

.owl-theme .owl-dots .owl-dot{ display:none!important;}

**/


.customers img{
    height:160px;
    width:230px;
    margin:12px;
    padding:20px;
    margin-top:45px;
    
}

.customers img.beaumonthospitalimg{
    height:220px;
}

.customers img.blackstoneimg{
    height:120px;
}
.customers img.mcdimg{
    height:220px;
}

.customers img.murdocksimg{
    height:120px;
}
.customers img.dublinairportimg{
    height:120px;
}
.customers img.urbanlifeimg{
    height:120px;
}
.customers img.hseimg{
    height:220px;
    margin-top:20px;
}
.customers img.deptimg{
    height:180px;
}
.customers img.droghedautdimg{
    height:200px;
}
.customers img.kcimg{
    height:120px;
}
.customers img.mcdimg{
    margin-top:0px;
}
.customers img.beaumonthospitalimg{
    margin-top:0px;
}

/*--------------------------testemonials--------------------------*/



.testemonials{
background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);/*#1a2227;*/
height:590px!important;
margin-top:80px;
margin-bottom: 30px;

}
.testemonial-row{
    display:inline-block;
    margin-left:-10px!important;
    margin-top:0px;
}

.testemonialpic{
    width:310px!important;
    height:490px!important;
}
/*--------------------------footer-------------------------------*/
.footer{
    font-size:32px;
}
.call-outs-container{
    text-align:left;
    height:120px;
    margin:20px auto;
    background-color:#1a2227;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px;
}

.call-out{
    box-sizing:border-box;
    margin-bottom:30px;
    
}

.call-out img{
    height:200px;
    width:180px;
    margin-left:50px;
}

.call-out-1{
    box-sizing:border-box;
    margin-bottom:20px;
    flex-basis:30%;
    font-size:0.7em;
    margin-top:65px;
    line-height:2.0;

}
.county{
    margin-left:0px;
}

.call-out-2{
    box-sizing:border-box;
    margin-bottom:20px;
    flex-basis:30%;
    font-size:0.7em;
    margin-left:60px;
    margin-top:65px;
}

.call-out-2 a{
    text-decoration:none;
}

.facebook{
    font-size: 1em;
}

.budget-footer{
    letter-spacing:0px;
}

.reserved{
    font-size:1em;
    letter-spacing:0px;
}



/*-------------------------------------nest hub max 1280 px-----------------------------------------------*/
@media(max-width:1280px){
    body{
        height:6000px;
    }
    #intro{
        height:600px;
    }

    .thumbnail1{
        margin-left:3px;
    }

    .customers{height:500px;
    }
}

/*-------------------------------------nest hub/i pad pro 1024px-----------------------------------------------*/

  @media (max-width:1024px) {
   
    h2.design{
        font-size:4em;
        margin-bottom:400px;
        animation:Slide_Up 5.2s ease;
        
    }
    h2.style{
        font-size:4em;
        margin-bottom:400px;
        margin-left:450px;;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
        letter-spacing:.1em;
    }
    
    h2.striking{
        font-size:4em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:500px;
        margin-left:500px;
        animation:Slide_Right 5.2s ease; 
    }
    
    h2.on-time{
        font-size:4em;
        margin-bottom:150px;
        margin-left:400px;
        animation:Slide_Left 4.2s ease-out;
    }
    
    h2.on-budget{
        font-size:4em;
        margin-bottom:100px;
        margin-left:300px;
        animation:fadeIn 7.2s ease;
    }
    
    .courier1 {
        opacity:0.5;
    }
    
    h2.application{
        font-size:4em;
        margin-bottom:400px;
        margin-left:500px;
        animation:Slide_Left 5.2s ease; 
    }
    
    #intro{
        height:270px;
    }

    .container-fluid #products{
        height:2700px!important;
        background-color:#fff;
    }
    .thumbnail1{
       
        margin-bottom:28px;
    }

    .testemonials{
        margin-left:-20px;;
    }

}
/*------------------------------------i pad 912px------------------------------------------------------*/

@media(max-width:912px){
    h2.striking{
        font-size:4em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:400px;
        margin-left:450px;
        animation:Slide_Right 5.2s ease; 
    }
    #products {
        height:5060px!important;
    }
    .testemonials{
        height:1700px!important;
    }
    .footer{
        height:1600px;
    }
    .call-out img{
        margin-left:30px!important;
    }
    .call-out-1{
        margin-left:50px!important;
    }
    .call-out-2{
        margin-left:50px;
    }
}
/*------------------------------------i pad air  820px------------------------------------------------------*/
@media(max-width:820px){
    h2.style{
        font-size:3.2em;
        margin-bottom:380px;
        margin-left:360px;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
        letter-spacing:.1em;
    }
    
    h2.on-time{
        font-size:3em;
        margin-bottom:50px;
        margin-left:50px;
        animation: fadeIn 3.2s ease/*-out*/;
    }
    
    h2.on-budget{
        font-size:3em;
        margin-bottom:30px;
        margin-left:100px;
        animation:fadeIn 5.2s ease;
    }
    
    
    h2.striking{
        font-size:3em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:50px;
        margin-left:150px;
        animation:Slide_Right 4.2s ease; 
    }
    
    h2.application{
        font-size:3em;
        margin-bottom:160px;
        margin-left:150px;
        animation:Slide_Right 5.2s ease; 
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .container-fluid #products{
        height:6000px!important;
    }
    .footer{
        height:1400px!important;
    }
}
    

/*------------------------------------i pad 768px------------------------------------------------------*/

@media(max-width:768px){
    body{
        display: inline-block;
    }
    .logo{
        height:80px;
        width:60px;
        margin:8px;
    }
    #intro{
        margin-top:175px;
        font-size:1em;
        height:130px;
        font-size:22px;
    }

    .ripped{
        font-size:22px;
    }

    h2.design{
        font-size:3em;
        margin-bottom:170px;
        animation:Slide_Up 5.2s ease;
        
    }
    h2.style{
        font-size:3em;
        margin-bottom:100px;
        margin-left:150px;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
        letter-spacing:.1em;
    }
    
    h2.on-time{
        font-size:3em;
        margin-bottom:50px;
        margin-left:50px;
        animation: fadeIn 3.2s ease/*-out*/;
    }
    
    h2.on-budget{
        font-size:3em;
        margin-bottom:30px;
        margin-left:100px;
        animation:fadeIn 5.2s ease;
    }
    
    
    h2.striking{
        font-size:3em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:50px;
        margin-left:150px;
        animation:Slide_Right 4.2s ease; 
    }
    
    h2.application{
        font-size:3em;
        margin-bottom:160px;
        margin-left:150px;
        animation:Slide_Right 5.2s ease; 
    }
    
    
    @keyframes Slide_Right {
        0%{
        transform:translateX(300px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Left {
        0%{
        transform:translateX(-400px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Up {
        0%{
        transform:translateY(300px);
        }
        100%{
            transform:translateY(0px);
        }
    }
    
    
    
    .fade-in-text {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 4em;
        color: #fff;
        animation: fadeIn linear 6s;
        -webkit-animation: fadeIn linear 6s;
        -moz-animation: fadeIn linear 6s;
        -o-animation: fadeIn linear 6s;
        -ms-animation: fadeIn linear 6s;
      }
      
      
      @keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
      }
    
      .fade-out {
        animation: fadeOut ease 2s;
        -webkit-animation: fadeOut ease 2s;
        -moz-animation: fadeOut ease 2s;
        -o-animation: fadeOut ease 2s;
        -ms-animation: fadeOut ease 2s;
      }
      @keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
    }

        #products {
            height:4400px!important;
            width:490px;
            margin-top:100px;
            background-color:#fff;
            margin-bottom:40px;
        }
        .heading h3{
            text-align:center;
            text-transform: uppercase;
            font-size:1em;
            letter-spacing: 0.1em;
            padding:42px;
            color:#000;
            margin-left:-20px;
            
        }
        .thumbnail1 img {
            height:250px;
            width:330px;
            margin-bottom:5px;
            border-radius:12px 12px 0px 0px ;
            filter:brightness(50%);
            padding:12px;
        }
        
        .thumbnail1 img:hover{
            filter:brightness(90%);
        }
        
        .thumbnail1 {
            height:650px;
            width:330px;
            margin-bottom:40px;
            margin:auto;
            border:.5px solid rgb(219, 212, 212);
            box-shadow: 0px 0px 3px 3px rgb(219, 212, 212);
            border-radius:12px;
            padding:0, 30px;
            margin-bottom:35px;
        }
        
        .thumbnail1 a{
            text-decoration:none;
        }
        
        .thumbnail1 a h2{
            color:#000;
            padding-top:30px;
            text-decoration:none;
            font-size: 1.2em;
        }
        
        .thumbnail1 p{
            width:330px;
            text-align:center;
            padding:20px;
            font-size: 18px;
            color:#7b868a;
            
        }
        .parallax1{
            background-image:url("doorsignssmall.png");
        }

        .customers{
            background-color:#fff;
            height:600px;
        }

        .customers img{
            height:170px;
            width:150px;
            margin:12px;
            padding:20px;
            margin-top:45px;
            
        }
        
        .customers img.beaumonthospitalimg{
           height:330px;
        }
        
        .customers img.hseimg{
            height:310px;
        }
        .customers img.daciaimg{
            height:310px;
        }
        .customers img.deptimg{
            height:230px;
    
        }
        .customers img.droghedautdimg{
            height:290px;
        }
        .customers img.mcdimg{
            height:320px;
            width:100px;
        }

       

        
        
        .testemonials{
            /*background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);/*#1a2227;*/
            background:#1a2227;
            height:300px;
            margin-top:80px;
            margin-bottom: 160px;
            margin:auto;
            }

        .footer{
            margin-top:200px;
            height:1200px;
        }
        

        .call-out img{
            height:350px!important;
            width:310px!important;
            margin-top:-20px;
            margin-left:10px!important;
        }
        
        .call-out-1{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            font-size:0.7em;
            margin-top:35px;
            line-height:2.0;
            margin-left:30px!important;
        
        }
        
        .call-out-2{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            margin-left:30px;
            margin-top:35px;
        }
        
        .call-out-2 a{
            text-decoration:none;
            font-size: 1em;
        }
        
        .facebook{
            font-size: 1em;
        }
        
        .budget-footer{
            letter-spacing:0px;
            font-size:1em;
        }
        
        .reserved{
            font-size:1em;
            letter-spacing:0px;
        }
    

        
    
}
/*----------------------------------------surface duo 540px-----------------------------------*/
@media(max-width:540px){
    body{
        margin-left:0px;
    }
    .logo{
        height:160px;
        width:140px;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .customers img{
        margin-left:0px;
    }
    .testemonials{
        margin-left:0px!important;
    }
    .footer{
        font-size:26px;
    }
    .call-out img{
        margin-left:10px!important;
        height:280px!important;
        width:250px!important;
    }
}
/*----------------------------------------mobile phones 480px------------------------------------*/

@media(max-width:480px){
    body{
        margin-left:2%;
    }
    .logo{
        height:50px;
        width:40px;
        margin:6px;
        padding:0;
       
    }

    
    #intro{
        margin-top:150px;
        font-size:1em;
        height:130px;
       
    }
    .borderdecoration{
        width:250px;
    }
    .logo{
        height:80px;
        width:60px;
        margin:8px;
    }
    #intro{
        margin-top:175px;
        font-size:1em;
        height:130px;
    }

    h2.design{
        font-size:2em;
        margin-bottom:140px;
        animation:Slide_Up 5.2s ease;
        
    }
    h2.style{
        font-size:2em;
        margin-bottom:110px;
        margin-left:170px;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
        letter-spacing:.1em;
    }
    
    h2.on-time{
        font-size:2em;
        margin-bottom:50px;
        margin-left:50px;
        animation: fadeIn 3.2s ease/*-out*/;
    }
    
    h2.on-budget{
        font-size:2em;
        margin-bottom:30px;
        margin-left:100px;
        animation:fadeIn 5.2s ease;
    }
    
    
    h2.striking{
        font-size:2em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:50px;
        margin-left:150px;
        animation:Slide_Right 4.2s ease; 
    }
    
    h2.application{
        font-size:2em;
        margin-bottom:120px;
        margin-left:150px;
        animation:Slide_Right 5.2s ease; 
    }
    
    
    @keyframes Slide_Right {
        0%{
        transform:translateX(300px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Left {
        0%{
        transform:translateX(-400px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Up {
        0%{
        transform:translateY(300px);
        }
        100%{
            transform:translateY(0px);
        }
    }
    
    
    
    .fade-in-text {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 4em;
        color: #fff;
        animation: fadeIn linear 6s;
        -webkit-animation: fadeIn linear 6s;
        -moz-animation: fadeIn linear 6s;
        -o-animation: fadeIn linear 6s;
        -ms-animation: fadeIn linear 6s;
      }
      
      
      @keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
      }
    
      .fade-out {
        animation: fadeOut ease 2s;
        -webkit-animation: fadeOut ease 2s;
        -moz-animation: fadeOut ease 2s;
        -o-animation: fadeOut ease 2s;
        -ms-animation: fadeOut ease 2s;
      }
      @keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
    }
        #products {
            height:4360px!important;
            /*width:300px;*/
            width:auto;
            margin:auto;
            margin-top:100px;
            background-color:#fff;
            
        }
        .heading h3{
            text-align:center;
            text-transform: uppercase;
            font-size:1.4em;
            letter-spacing: 0.1em;
            padding:42px;
            color:#000;
            
        }
        .thumbnail1 img {
            height:250px;
            width:260px;
            margin-bottom:5px;
            border-radius:12px 12px 0px 0px ;
            filter:brightness(50%);
            padding:12px;
        }
        
        .thumbnail1 img:hover{
            filter:brightness(90%);
        }
        
        .thumbnail1 {
            height:670px;
            width:260px;
            margin-bottom:40px;
            text-align:center;
            border:.5px solid rgb(219, 212, 212);
            box-shadow: 0px 0px 3px 3px rgb(219, 212, 212);
            border-radius:12px;
            margin:auto;
            margin-bottom:35px;
        }
        
        .thumbnail1 a{
            text-decoration:none;
        }
        
        .thumbnail1 a h2{
            color:#000;
            padding-top:30px;
            text-decoration:none;
            font-size: 1.4em;
        }
        
        .thumbnail1 p{
            width:260px;
            text-align:center;
            padding:20px;
            font-size: 16px;
            color:#7b868a;
            
        }
        .parallax1{
            background-image:url("doorsignssmall.png");
        }

        #doorSigns{
            /*width:300px;*/
            width:auto;
            /*margin-top:40px;*/
            /*margin-left:30px;*/
            margin:auto;
        }

    

        .customers{
            background-color:#fff;
            height:600px;
            margin:auto;
        }

        .owl-item{
            margin:auto;
            margin-left:-0.7px;
        }

        .customers img{
            height:300px;
            width:150px;
            margin:auto;
            margin-top:45px;
            
        }
        
        .customers img.beaumonthospitalimg{
           height:330px;
        }
        
        .customers img.hseimg{
            height:310px;
        }
        .customers img.daciaimg{
            height:310px;
        }
        .customers img.deptimg{
            height:290px;
    
        }
        .customers img.droghedautdimg{
            height:290px;
        }
        .customers img.mcdimg{
            height:320px;
            width:100px;
        }

        .customers img.citynorthhotelimg{
            height:390px;
        }
        
        

        .testemonials{
            background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);/*#1a2227;*/
            height:2200px !important;
           
            }

            @media(max-width:414px){
                .testemonials{
                    margin-left:5%;
                    background:#1a2227;
                }
            }

            

            @media(max-width:375px){
                .testemonials{
                    margin-left:-30%;
                    background:#1a2227;
                }
            }

        .call-out img{
            height:260px;
            width:220px;
            margin-top:-20px;
            margin-left:75px;
            text-align:center;
        }
        
        .call-out-1{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            font-size:1em;
            margin-top:35px;
            line-height:2.0;
            margin-left:30px;
        
        }
        
        .call-out-2{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            font-size:1.8em;
            margin-left:30px;
            margin-top:35px;
        }
        
        .call-out-2 a{
            text-decoration:none;
        }
        
        .facebook{
            font-size: 16px;
        }
        
        .budget-footer{
            letter-spacing:0px;
        }
        
        .reserved{
            font-size:.5em;
            letter-spacing:0px;
        }
    

        
    
}

/*--------------------------------------i phone 12 pro 390px----------------------------*/
@media(max-width:390px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .call-out img{
        margin-left:-10px!important;
    }
    .call-out-1{
        margin-left:0px!important;
    }
    .call-out-2{
        margin-left:0px;
    }
}

/*--------------------------------------i phone xr 414px----------------------------*/
@media(max-width:414px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .call-out{
        margin-left:-20px!important;
    }
    .call-out-1{
        font-size:15px!important;
    }
    .budget-footer{
        font-size:16px;
    }
    .reserved{
        font-size:16px;
    }
}
/*--------------------------------------------pixel2 411px--------------------------------*/
@media(max-width:411px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }

    #doorSigns{
        margin-top:50px;
    }
   
    .testemonials {
        height:600px!important;
        margin-top:50px;
    }

    .testemonial-row{
        margin-left:-20px;;
    }
    .call-out-1{
        font-size:15px!important;
    }
    .call-out{
        margin-left:-5%!important;
    }
}

@media(max-width:414px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    #doorSigns{
        margin-top:40px;
    }
    .customers{
        background-color:#fff;
        height:600px;
    }

    .customers img{
        height:300px;
        width:150px;
        margin:12px;
        padding:20px;
        margin-top:45px;
        
    }
    
    .customers img.beaumonthospitalimg{
       height:330px;
    }
    
    .customers img.hseimg{
        height:310px;
    }
    .customers img.daciaimg{
        height:310px;
    }
    .customers img.deptimg{
        height:160px;

    }
    .customers img.droghedautdimg{
        height:290px;
    }
    .customers img.mcdimg{
        height:320px;
        width:100px;
    }

    .customers img.citynorthhotelimg{
        height:160px;
    }

    .customers img.cherrypickerimg{
        height:190px;
    }

    .customers img.arkwayimg{
        height:190px;
    }

    .customers img.elmcrestimg{
        height:160px;
    }

    .customers img.gtimg{
        height:160px;
    }

    .customers img.indaverimg{
        height:160px;
    }

    .customers img.osullivanimg{
        height:160px;
    }
    .testemonials{
        margin-top:50px;
        height:450px!important;
    }
    .testemonial-row{
        margin-left:-20px!important;
    }
    .call-out img{
        height:250px;
        width:220px;
        margin-left:55px!important;
    }

}

/*--------------------------------samsung galaxy s20 ultra 412px--------------------------------*/
@media(max-width:412px){
    body{
        margin:auto!important;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }

    #doorSigns{
        margin-top:50px;
    }
   
    .testemonials {
        height:600px!important;
        margin-top:50px;
    }

    .testemonial-row{
        margin-left:0px!important;
    }
    .call-out-1{
        font-size:15px!important;
    }
    .call-out{
        margin-left:-5%!important;
    }
    .budget-footer{
        font-size:16px;
    }
}

@media(max-width:414px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    #doorSigns{
        margin-top:40px;
    }
    .customers{
        background-color:#fff;
        height:600px;
    }

    .customers img{
        height:300px;
        width:150px;
        margin:12px;
        padding:20px;
        margin-top:45px;
        
    }
    
    .customers img.beaumonthospitalimg{
       height:330px;
    }
    
    .customers img.hseimg{
        height:310px;
    }
    .customers img.daciaimg{
        height:310px;
    }
    .customers img.deptimg{
        height:160px;

    }
    .customers img.droghedautdimg{
        height:290px;
    }
    .customers img.mcdimg{
        height:320px;
        width:100px;
    }

    .customers img.citynorthhotelimg{
        height:160px;
    }

    .customers img.cherrypickerimg{
        height:190px;
    }

    .customers img.arkwayimg{
        height:190px;
    }

    .customers img.elmcrestimg{
        height:160px;
    }

    .customers img.gtimg{
        height:160px;
    }

    .customers img.indaverimg{
        height:160px;
    }

    .customers img.osullivanimg{
        height:160px;
    }
    .testemonials{
        margin-top:50px;
        height:450px!important;
    }
    .testemonial-row{
        margin-left:-20px!important;
    }
    .footer{
        margin-top:1300px;
    }
    .call-out img{
        height:250px;
        width:220px;
        margin-left:75px!important;
    }


}
/*-----------------------------------Pixel5 393px---------------------------------*/
@media(max-width:393px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .call-out img{
        margin-left:65px!important;
    }
}
@media(max-width:375px){
    .carousel-inner{
        margin-left:-5px!important;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }

    .customers{
        background-color:#fff;
        height:600px;
    }

    .customers img{
        height:300px;
        width:150px;
        margin:12px;
        padding:20px;
        margin-top:45px;
        
    }
    
    .customers img.beaumonthospitalimg{
       height:330px;
    }
    
    .customers img.hseimg{
        height:310px;
    }
    .customers img.daciaimg{
        height:310px;
    }
    .customers img.deptimg{
        height:160px;

    }
    .customers img.droghedautdimg{
        height:290px;
    }
    .customers img.mcdimg{
        height:320px;
        width:100px;
    }

    .customers img.citynorthhotelimg{
        height:160px;
    }

    .customers img.cherrypickerimg{
        height:190px;
    }

    .customers img.arkwayimg{
        height:190px;
    }

    .customers img.elmcrestimg{
        height:160px;
    }

    .customers img.gtimg{
        height:160px;
    }

    .customers img.indaverimg{
        height:160px;
    }

    .customers img.osullivanimg{
        height:140px;
    }

    .customers img.urbanlifeimg{
        height:100px;
    }
    .testemonial-row{
        margin-left:80px!important;
    }

    #footerImage{
        height:250px;
        width:220px;
        margin-left:20px!important;
    }


    

}

/*--------------------------------i phone se 375px------------------------------------------*/
@media(max-width:375px){
    body{
        margin-left:0px;
    }
    .heading h3{
        margin:auto!important;
    }
    #products{
        margin-left:-4px;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .customers{
        margin-left:-4px;
    }
    .testemonial-row{
        margin-left:-20px!important;
    }
    #footerImage{
        height:190px;
        width:140px;
        margin-left:-25px!important;
    }
    .call-out-1{
        margin-top:160px;
        margin-left:10px!important;
    }
    .call-out-2{
        margin-left:10px;
    }
}

/*--------------------------------moto g4 360px------------------------------------------*/
@media(max-width:360px){
    body{
        margin-left:20px!important;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    #customers-section{
        width:300px!important;
        margin-left:0px;
    }
    .testemonials{
        height:500px!important;
    }
    .testemonial-row{
        margin-left:-35px!important;
    }
    .footer{
        font-size:15px;
    }
    .call-out{
        margin-left:-8%!important;
    }
}

@media(max-width:320px){
    #intro{
        margin-top:207px;
        font-size:1em;
        height:270px;
        background-color:#1a2227;
    }
    .logo{
        height:80px;
        width:60px;
        margin:8px;
    }
    #intro{
        margin-top:175px;
        font-size:1em;
        height:130px;
    }

    h2.design{
        font-size:1.4em;
        margin-bottom:100px;
        animation:Slide_Up 5.2s ease;
        
    }
    h2.style{
        font-size:1.4em;
        margin-bottom:100px;
        margin-left:150px;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
       
    }

    h2.striking{
        font-size:1.4em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:50px;
        margin-left:50px;
        animation:Slide_Right 4.2s ease; 
    }
    
    h2.on-time{
        font-size:1.4em;
        margin-bottom:50px;
        margin-left:50px;
        animation: fadeIn 3.2s ease/*-out*/;
    }
    
    h2.on-budget{
        font-size:1.4em;
        margin-bottom:30px;
        margin-left:100px;
        animation:fadeIn 5.2s ease;
    }
    
    h2.application{
        font-size:1.4em;
        margin-bottom:100px;
        margin-left:100px;
        animation:Slide_Right 5.2s ease; 
    }
    
    
    @keyframes Slide_Right {
        0%{
        transform:translateX(300px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Left {
        0%{
        transform:translateX(-400px);
        }
        100%{
            transform:translateX(0px);
        }
    }
    
    @keyframes Slide_Up {
        0%{
        transform:translateY(300px);
        }
        100%{
            transform:translateY(0px);
        }
    }
    
    
    
    .fade-in-text {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 4em;
        color: #fff;
        animation: fadeIn linear 6s;
        -webkit-animation: fadeIn linear 6s;
        -moz-animation: fadeIn linear 6s;
        -o-animation: fadeIn linear 6s;
        -ms-animation: fadeIn linear 6s;
      }
      
      
      @keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
      }
    
      .fade-out {
        animation: fadeOut ease 2s;
        -webkit-animation: fadeOut ease 2s;
        -moz-animation: fadeOut ease 2s;
        -o-animation: fadeOut ease 2s;
        -ms-animation: fadeOut ease 2s;
      }
      @keyframes fadeOut {
        0% {
          opacity:1;
        }
        100% {
          opacity:0;
        }
    }
        #products {
            height:4600px!important;
            margin-top:100px;
            margin-left:5px;
            width:255px;
            background-color:#fff;
            
        }
        .heading h3{
            text-align:center;
            text-transform: uppercase;
            font-size:1.6em;
            letter-spacing: 0.1em;
            padding:42px;
            color:#000;
            margin:auto;
        }
        .thumbnail1 img {
            height:220px;
            width:230px;
            margin-bottom:5px;
            border-radius:12px 12px 0px 0px ;
            filter:brightness(50%);
        }
        
        .thumbnail1 img:hover{
            filter:brightness(90%);
        }
        
        .thumbnail1 {
            height:710px;
            width:230px;
            margin-bottom:40px;
            text-align:center;
            border:.5px solid rgb(219, 212, 212);
            box-shadow: 0px 0px 3px 3px rgb(219, 212, 212);
            border-radius:12px;
            margin:auto;
           
        }
        
        .thumbnail1 a{
            text-decoration:none;
        }
        
        .thumbnail1 a h2{
            color:#000;
            padding-top:30px;
            text-decoration:none;
            font-size: 1.2em;
        }
        
        .thumbnail1 p{
            width:230px;
            text-align:center;
            padding:20px;
            font-size: 1.2em;
            color:#7b868a;
            
        }
        .parallax1{
            background-image:url("doorsignssmall.png");
        }

        #doorSigns{
            width:255px;
            margin:auto;
            margin-top:20px;
        }

        .customers{
            background-color:#fff;
            height:600px;
            margin-left:-17px!important;
        }

        .customers img{
            height:300px;
            width:150px;
            margin:12px;
            padding:20px;
            margin-top:45px;
            
        }
        
        .customers img.beaumonthospitalimg{
           height:330px;
        }
        
        .customers img.hseimg{
            height:310px;
        }
        .customers img.daciaimg{
            height:310px;
        }
        .customers img.deptimg{
            height:160px;
    
        }
        .customers img.droghedautdimg{
            height:290px;
        }
        .customers img.mcdimg{
            height:320px;
            width:100px;
        }

        .customers img.citynorthhotelimg{
            height:160px;
        }

        .customers img.cherrypickerimg{
            height:190px;
        }

        .customers img.arkwayimg{
            height:190px;
        }

        .customers img.elmcrestimg{
            height:160px;
        }

        .customers img.gtimg{
            height:160px;
        }

        .customers img.indaverimg{
            height:160px;
        }

        .customers img.osullivanimg{
            height:160px;
        }
        
        .testemonials{
            background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
            height:600px;
            margin-top:80px;
            
           
            }

        .call-out img{
            height:250px;
            width:220px;
            margin-left:20px;
        }
        
        .call-out-1{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            font-size:1em;
            margin-top:35px;
            line-height:2.0;
            margin-left:30px;
        
        }
        
        .call-out-2{
            box-sizing:border-box;
            margin-bottom:20px;
            flex-basis:30%;
            font-size:1.8em;
            margin-left:30px;
            margin-top:35px;
        }
        
        .call-out-2 a{
            text-decoration:none;
        }
        
        .facebook{
            font-size: 16px;
        }
        
        .budget-footer{
            letter-spacing:0px;
        }
        
        .reserved{
            font-size:.5em;
            letter-spacing:0px;
        }
    

        
    
}
/*-------------------------------------320px-------------------------------*/
@media(max-width:320px){

    #products{
        margin-left:10px;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    #doorSigns{
        margin-left:10px;
    }
   
    .thumbnail1{
        margin-bottom:28px;
        margin-left:-2px;
    }

    .thumbnail1 a h2{
        font-size:20px;
    }
    .testemonials{
        height:500px!important;
        background: #1a2227;
    }
    .testemonial-row{
        margin-left:-40px;
    }
    .call-out img{
        height:250px;
        width:220px;
        margin-left:30px;
    }
    .call-out-1{
        margin-left:40px;

    }
    .call-out-2{
        margin-left:40px;

    }

}

@media(min-width:375px){
    .parallax1{
        background-image:url("doorsignssmall.png");
    }
    .testemonial-row{
        margin-left:80px;
    }
    .call-out img{
        height:250px;
        width:220px;
        margin-left:50px;
    }
}

/*--------------------------Galaxy fold    280px-------------------------------*/
@media(max-width:280px){
    body{
        margin:auto!important
    }
    .logo{
        height:60px;
        width:60px;
    }

    h2.design{
        font-size:1.6em;
        margin-bottom:80px;
        animation:Slide_Up 5.2s ease;
        
    }
    h2.style{
        font-size:1.6em;
        margin-bottom:80px;
        margin-left:100px;
        animation:fadeIn 5.2s ease;
        font-family:cinzel;
        text-transform: uppercase;
        letter-spacing:.1em;
    }
    
    h2.on-time{
        font-size:1.6em;
        margin-bottom:25px;
        margin-left:50px;
        margin-left:80px;
        animation: fadeIn 3.2s ease/*-out*/;
    }
    
    h2.on-budget{
        font-size:1.6em;
        margin-bottom:0px;
        margin-left:80px;
        animation:fadeIn 5.2s ease;
    }
    
    
    h2.striking{
        font-size:1.6em;
        font-family: 'Nothing You Could Do', cursive;
        margin-bottom:50px;
        margin-left:100px;
        animation:Slide_Right 4.2s ease; 
    }
    
    h2.application{
        font-size:1.6em;
        margin-bottom:80px;
        margin-left:100px;
        animation:Slide_Right 5.2s ease; 
    }

    .borderdecoration{
        width:200px;
        margin:auto;
    }
    
    #products{
        height:4750px!important;
        margin:auto;
        width:220px;
    }

    #products h3{
        font-size:16px;
        margin:auto;
    }

    .thumbnail1{
        width:190px;
        height:740px;
        margin:auto;
        margin-bottom:14px;
        border:.2px solid rgb(219, 212, 212);
        box-shadow: 0px 0px 1px 1px rgb(219, 212, 212);
        
    }

    .thumbnail1 a h2{
        margin:auto;
    }

    .thumbnail1 img{
        width:190px;
        height:145px;
    }

    .thumbnail1 p{
        width:190px;
    }
    .parallax1{
        background-image:url("doorsignssmall.png");
    }

    #doorSigns{
        margin-left:0px;
        width:auto;
    }

    #customers-section{
        margin-left:-30px!important;
        width:auto;
    
    }
    .customers-heading h3{
        margin-left:0px!important;
        font-size:22px;
    }
    .customers img{
        margin-left:2px!important;
    }
    .customers img.beaumonthospitalimg{
        height:230px;
     }
     .customers img.blackstoneimg{
        height:100px;
     }
     .customers img.urbanlifeimg{
        height:80px;
     }
     .customers img.dublinairportimg{
        height:90px;
     }
     
     .customers img.hseimg{
         height:200px;
     }
     .customers img.daciaimg{
         height:210px;
     }
     .customers img.kcimg{
        height:90px;
    }
    .customers img.murdocksimg{
        height:100px;
    }
     .customers img.deptimg{
         height:100px;
 
     }
     .customers img.droghedautdimg{
         height:190px;
     }
     .customers img.mcdimg{
         height:320px;
         width:100px;
     }

     .customers img.citynorthhotelimg{
         height:110px;
     }

     .customers img.cherrypickerimg{
         height:120px;
     }

     .customers img.arkwayimg{
         height:170px;
     }

     .customers img.elmcrestimg{
         height:110px;
     }

     .customers img.gtimg{
         height:140px;
     }

     .customers img.indaverimg{
         height:160px;
     }

     .customers img.osullivanimg{
         height:130px;
     }
     .customers img.indaverimg{
        height:110px;
    }

    .testemonials{
        margin-left:-42px!important;
        width:auto;
    }

        .testemonials{
            background-color:#1a2227;
        }
        .testemonial-row{
            margin-left:25px!important;
        }
        .testemonialpic{
            width:290px!important;
            float:right!important;
        }

        #footer-bottom{
            margin-left:-5%!important;
            height:650px!important;
           }
           .call-out img{
               margin-top:0px;
               margin-left:100px!important;
               height:190px!important;
               width:160px!important;
           }
           .call-out-1{
               width:200px;
               margin-left:13%!important;
           }
           .call-out-1{
            width:200px;
            margin-left:13%!important;
        }
            .call-out-2{
                height:300px;
                margin-left:13%!important;

            }
        .budget-footer{
            font-size:12px;
        }

    }