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

html{
    scroll-behavior: smooth;
}

/*-------------------------------------------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;
}

/*------------------------------------------projects intro-----------------------*/

.projects-intro{
    height:500px;
    width:auto;
    background-image:url("val-projects.JPG");
    opacity:0.8;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    padding:65px;
    font-size:22px;
    margin-left:50px;
}
.projects-summary{
    background-color:rgba(0,0,0,0.5);
    height:390px;
    width:540px;
    padding:10px;
    border-radius:20px;
    /*font-family:Bad Script;*/
}


.laurel{
    height:300px;
    width:300px;
    
}

/*-------------------------------------------projects------------------------*/

.container1{
    height:600px;
    width:auto;
    background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
    color:rgb(155, 124, 77);
    font-size:28px;
    padding:50px;
    margin-bottom:-20px;
    text-align:center;
}

.gt-recovery{
    color:#fff;
    padding:22px;
    text-align:center;
}



.container2{
    
        margin: 0px;
        padding: 0px;
        height:600px;
      }
      
      .pic-wrapper {
        position: absolute;
        width: 100%;
        height: 600px!important;
        overflow: hidden;
      }
      
      figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0 ;
        /*animation*/
        
        animation: slideShow 24s linear infinite 0s;
        -o-animation: slideShow 24s linear infinite 0s;
        -moz-animation: slideShow 24s linear infinite 0s;
        -webkit-animation: slideShow 24s linear infinite 0s;
      }
      
      .figurecaption {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
      }
      
      .pic-1 {
        opacity: 1;
        background: url(optimized_gt1.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-2 {
        animation-delay: 6s;
        -o-animation-delay: 6s;
        -moz--animation-delay: 6s;
        -webkit-animation-delay: 6s;
        background: url(optimized_gt10.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-3 {
        animation-delay: 12s;
        -o-animation-delay: 12s;
        -moz--animation-delay: 12s;
        -webkit-animation-delay: 12s;
        background: url(optimized_gt13.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-4 {
        animation-delay: 18s;
        -o-animation-delay: 18s;
        -moz--animation-delay: 18s;
        -webkit-animation-delay: 18s;
        background: url(optimized_gt-fleet.jpg)no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }

      .container3{
        margin-top:0px!important;
        height:400px;
        width:auto;
        background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
        color:rgb(155, 124, 77);
        font-size:28px;
        padding:50px;
        margin-bottom:-20px;
        text-align:center;
    }

      .beaumont-garden{
        color:#fff;
        padding:22px;
        text-align:center;
      }


      .container4{
          height:600px;
          width:auto;
          background-size:cover;
      }

      .pic-5 {
        opacity: 1;
        background: url(beaumont6-min.JPG) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-6 {
        animation-delay: 6s;
        -o-animation-delay: 6s;
        -moz--animation-delay: 6s;
        -webkit-animation-delay: 6s;
        background: url(optimized_beaumont1-min.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-7 {
        animation-delay: 12s;
        -o-animation-delay: 12s;
        -moz--animation-delay: 12s;
        -webkit-animation-delay: 12s;
        background: url(optimized_beaumont5-min.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-8 {
        animation-delay: 18s;
        -o-animation-delay: 18s;
        -moz--animation-delay: 18s;
        -webkit-animation-delay: 18s;
        background: url(beaumont2-min.JPG)no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }

      .container5{
        height:500px;
        width:auto;
        background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
        color:rgb(155, 124, 77);
        font-size:28px;
        padding:50px;
        margin-bottom:-20px;
        text-align:center;
    }
    .container5 h2{
        color:#fff;
        padding:60px;
    }

    .container6{
        height:700px;
        margin-top:50px;
    }

      .pic-9 {
        
        opacity: 1;
        background: url("celica concept.jpg") no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
      }
      
      .pic-10 {
        animation-delay: 6s;
        -o-animation-delay: 6s;
        -moz--animation-delay: 6s;
        -webkit-animation-delay: 6s;
        background: url("celica before .jpg") no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
      }
      
      .pic-11 {
        animation-delay: 12s;
        -o-animation-delay: 12s;
        -moz--animation-delay: 12s;
        -webkit-animation-delay: 12s;
        background: url("optimized_celica_after-min.jpg") no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
      }
      
      .pic-12 {
        animation-delay: 18s;
        -o-animation-delay: 18s;
        -moz--animation-delay: 18s;
        -webkit-animation-delay: 18s;
        background: url("optimized_celica_after_2-min.jpg")no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
      }

      .container7{
        height:650px;
        width:auto;
        background-image: linear-gradient(to right,rgb(73, 71, 71) , #1a2227);
        color:rgb(155, 124, 77);
        font-size:28px;
        padding:50px;
        margin-bottom:-20px;
        text-align:center;
      }

      .container7 h2{
        color:#fff;
        padding:60px;
    }
    .container8{
        height:600px;
        margin-bottom:200px;
    }
      .pic-13 {
        opacity: 1;
        background: url("relish2.JPG") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-14 {
        animation-delay: 6s;
        -o-animation-delay: 6s;
        -moz--animation-delay: 6s;
        -webkit-animation-delay: 6s;
        background: url("optimized_florist3.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-15 {
        animation-delay: 12s;
        -o-animation-delay: 12s;
        -moz--animation-delay: 12s;
        -webkit-animation-delay: 12s;
        background: url("optimized_crazyfruit2.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }
      
      .pic-16 {
        animation-delay: 18s;
        -o-animation-delay: 18s;
        -moz--animation-delay: 18s;
        -webkit-animation-delay: 18s;
        background: url("moodsnseasons2.JPG") no-repeat center center;
       -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      }

      /* keyframes*/
      
      @keyframes 
      slideShow {  0% {
       opacity: 0;
       transform:scale(1);
       -ms-transform:scale(1);
      }
       5% {
       opacity: 1
      }
       25% {
       opacity: 1;
      }
       30% {
       opacity: 0;
       transform:scale(1.1);
       -ms-transform:scale(1.1);
      }
       100% {
       opacity: 0;
       transform:scale(1);
       -ms-transformm:scale(1);
      }
      }
       @-o-keyframes 
      slideShow {  0% {
       opacity: 0;
       -o-transform:scale(1);
      }
       5% {
       opacity: 1
      }
       25% {
       opacity: 1;
      }
       30% {
       opacity: 0;
       -o-transform:scale(1.1);
      }
       100% {
       opacity: 0;
       -o-transformm:scale(1);
      }
      }
       @-moz-keyframes 
      slideShow {  0% {
       opacity: 0;
       -moz-transform:scale(1);
      }
       5% {
       opacity: 1
      }
       25% {
       opacity: 1;
      }
       30% {
       opacity: 0;
       -moz-transform:scale(1.1);
      }
       100% {
       opacity: 0;
       -moz-transformm:scale(1);
      }
      }
       @-webkit-keyframes 
      slideShow {  0% {
       opacity: 0;
       -webkit-transform:scale(1);
      }
       5% {
       opacity: 1
      }
       25% {
       opacity: 1;
      }
       30% {
       opacity: 0;
       -webkit-transform:scale(1.1);
      }
       100% {
       opacity: 0;
       -webkit-transformm:scale(1);
      }
      }

  


/*-----------------------------------------footer-----------------------------*/
.footer{
    font-size:18px;
}
.call-outs-container{
    text-align:left;
    height:180px!important;
    margin:20px auto;
    background-color:#1a2227;
    color:#fff;
    margin-bottom:10px;
    margin-top:30px;
}

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

.call-out img{
    height:170px!important;
    width:160px!important;
    padding:30px;
    margin-left:50px;
}

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

}
.county{
    margin-left:-62px;
}
.eircode{
    margin-left:-60px!important;
}
.call-out-1 .fas{
    color:rgb(155, 124, 77);
    font-size:18px;
}

.call-out-1 .far{
    color:rgb(155, 124, 77);
    font-size:18px;
}

.valD{
    margin-left:28px;
}

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

.fas{
    margin-left:-80px;
}

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

.facebook{
    font-size: 18px;
}

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

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

.eircode{
    margin-left:-80px;
}

.far{
    margin-left:-80px;
}

.valD{
    margin-left:0px;
}

/*---------------------------------nest hub max 1280px-------------------------------*/
@media(max-width:1280px){
    body{
        height:6400px;
    }
    .container1{
        height:750px;
    }
    .call-out img{
        height:240px!important;
        width:200px!important;
    }
    .call-out-2{
        font-size:22px;
    }
    .county{
        margin-left:-80px;
    }
    .fas{
        font-size:28px!important;
    }
    .far{
        font-size:28px!important;
    }
}
/*---------------------------------ipad pro 1024px-------------------------------*/

@media(max-width:1024px){
    .projects-summary{
        margin-left:-100px!important;
    }
    .container1{
        height:800px;
    }
    .container3{
        height:450px;
    }
    .container7{
        height:750px;
    }

    .call-out img{
        margin-left:15px;
    }

    .call-out-1{
        margin-left:15px;
    }
    .county{
        margin-left:-80px;
    }
    .fas{
        font-size:28px!important;
    }
    .far{
        font-size:28px!important;
    }

    .call-out-2{
        margin-left:15px;
    }
}
/*---------------------------------surface pro7 912px-------------------------------*/

@media(max-width:912px){
    .projects-intro{
        background-image: url("val-projects2.png");
        height:800px;
        margin-left:10px;
    }
    .laurel{
        display:none;
    }
    .projects-summary{
        margin-left:100px!important;
    }
    .container1{
        height:900px;
    }
    .container3{
        height:500px;
    }
    .container5{
        margin-top:-60px;
        margin-bottom:100px;
    }
    .container7{
        height:900px;
        margin-bottom:-20px;
    }
    .container8{
        margin-bottom:-400px;
    }
    .footer{
        margin-top:800px;
        margin-left:310px;
        height:1600px!important;
    }
    .footer img{
        height:290px!important;
        width:260px!important;
        margin-left:-210px!important;
    }
    .call-out-1{
        font-size:24px;
        margin-left:-100px;
    }
    .call-out-2{
        margin-left:-180px;
        font-size:28px;
    }
    .county{
        margin-left:-70px;
    }
    .eircode{
        margin-left:-70px;
    }
    .fas{
        font-size:28px!important;
    }
    .far{
        font-size:28px!important;
    }
}
/*----------------------------------------ipad air 820px-----------------------------*/
@media(max-width:820px){
    .laurel{
        display:none;
    }
    .projects-intro{
        background-image: url("val-projects2.png");
        height:700px;
    }
    .projects-summary{
        margin-left:60px!important;
        height:300px;
        padding:30px!important;
    }
    h2{
        font-size:28px;
        margin-left: 0px;
    }
    p{
        font-size:18px;
        margin-left:0px;
        width:700px;
    }
    .pic-wrapper{
        width:880px;
    }
    .container1{
        margin-bottom:-300px;
    }
    .container6{
        margin-top:-110px;
        margin-left:-20px;
    }
    .container7{
        margin-top:-100px;
        margin-bottom:-350px;
    }
    .container8{
        margin-top:-100px;
        margin-bottom:-600px;
    }
    .footer{
        margin-top:700px;
        margin-left:400px;
        height:700px;
    }
    #footerImage{
        margin-left:70px;
    }
    .fas{
        font-size:28px!important;
    }
    .far{
        font-size:28px!important;
    }
    .county{
        margin-left:-60px;
    }
    .eircode{
        margin-left:-60px;
    }
    .call-out-2{
        margin-left:-180px;
        font-size:28px!important;
    }
    .facebook{
        font-size:22px;
    }
    .budget-footer{
        font-size:22px;
    }
    .reserved{
        margin:auto;
    }
}
/*----------------------------------------ipad 768px------------------------------*/
@media(max-width:768px){


.laurel{
    display:none;
}
.projects-intro{
    margin-left:0px;
    background-image:url("val-projects2.png");
}

.projects-summary{
    margin:auto!important;
    height:400px;
}
h2{
    margin:auto;
}
p{
    margin:auto;
}

.container1{
    font-size:22px;
    height:540px;
    margin-bottom:-200px;
   
}

.pic-wrapper{
    height:400px!important;
    width:760px;
    margin-top:200px;
}

.container3{
    height:400px!important;
    font-size:22px;
    margin-top:-260px;
}
.container4{
    margin-top:-200px;
}
.container5{
    height:510px!important;
}
.container6{
    margin-top:-200px;
    margin-left:10px;
}
.container7{
    margin-bottom:-600px;
}
.container8{
    margin-top:-220px;
}
.footer{
    height:800px;
    margin-top:700px;
   
}
.call-out-1{
    font-size:20px;
    margin-left:-70px;
}
.call-out-2{
    margin-left:-150px;
}
.county{
    margin-left:-50px;
}
.eircode{
    margin-left:-50px;
}
#phOne{
    margin-left:-80px;
}


}
/*------------------------------------------surface duo 540px---------------------*/
@media(max-width:540px){
    body{
        width:540px!important
    }
       
    .projects-summary{
        width:450px;
        font-size:18px;
        margin-left:-5%!important;
    }
    .pic-wrapper{
        width:560px!important;
    }
    p{
        margin-left:0px;
        width:440px;
    }
#parallaxOne {
    height:860px;
}
#parallaxThree{
    height:660px;
}
.container5{
    margin-bottom:-200px;
}
.container7{
    margin-bottom:-400px;
}
.footer{
    margin-top:730px;
    margin-left:100px;
}
.call-out img{
    height:270px!important;
    margin-left:-20px!important;
}
.call-out-1{
    margin-left:110px!important;
}
.call-out-2{
    margin-left:30px!important;
}
}







/*---------------------------------------mobile phones 480px--------------------------------------*/
@media(max-width:480px){
    body{
        width:auto!important;
    }
    .navbar-toggle{
        margin-top:20px;
    }
    .logo{
        height:80px;
        width:70px;
        margin:6px;
        padding:0;
    }

    .laurel{
        display:none;
       
    }
    .projects-intro{
        height:700px;
        width:414px!important;
        background-image:url(val-projects2.png);
    }
    .projects-summary{
        font-size:12px;
        height: 400px !important;
        width:230px;
        margin-left:0px!important;
       }
    .container1{
        height:700px!important;
    }
    .gt-recovery{
        font-size:18px!important;
        margin-left:0px!important;
    }
    h2{
        font-size:18px;
        margin-left:0px;
    }
    /*p{
        margin:auto!important;
        margin-left:-20px!important;
    }*/
    .gt-story{
        width:350px;
        font-size:15px!important;
        margin-left:-20px!important;
    }
    .pic-wrapper{
        width:500px!important;
        height:400px!important;
    }
    .container2{
        margin-top:-200px;
        margin-left:5px;
    }
    .container3{
        margin-top:-200px!important;
        height:600px!important;
    }
    
    #beaumontGarden{
        font-size:18px!important;
        margin-top:200px;
        margin-left:0px;
    }
    .container4{
        margin-left:5px!important;
    }
    .beaumont{
        width:350px;
        font-size:15px!important;
        margin-left:-20px!important;
    }
    .container5{
        margin-top:-200px;
        margin-bottom:-200px;
        height:700px!important;
    }
    .container5 h2{
        font-size:18px;
        margin-top:150px;
    }
    .container5 p{
        width:350px;
        font-size:15px;
        margin-left:-20px!important;
    }
       
    .container6{
        margin-left:2px;
    }
    .container7{
      height:1200px!important;
      margin-top:-300px;
    }
    .container7 p{
        width:350px;
        font-size:15px;
        margin-left:-20px!important;
    }
    .container7 h2{
        font-size:18px;
        margin-top:120px;
    }
    .footer{
        height:1200px!important;
        margin-top:800px; 
        margin-left:80px;
    }
    .call-out img{
        height:220px!important;
        width:190px!important;
        margin-left:-60px!important;
    }
    #callOutOne{
        margin-left:60px!important;
        line-height:30px;
    }
    
    .county{
        margin-left:-60px;
    }
    .eircode{
        margin-left:-60px;
    }
    .call-out-1{
        margin-left:-20px!important;
    }
    .call-out-2{
        margin-left:-20px!important;
    }
    #faceBook{
        margin-left:-5px;
        padding-right:4px;
    }
    #faceBook{
        font-size:22px;
        margin-left:0px!important;
    }
    .budget-footer{
        margin-left:0px;
    }
    .reserved{
        margin-left:0px!important;
        font-size:22px;
    }
    .fas{
        font-size:22px!important;
    }
    .far{
        font-size:22px!important;
    }
}

/*----------------------------------i phone 12 pro 414px------------------------------*/
@media(max-width:414px){
    body{
        width:auto!important
    }
    .projects-summary{
        margin:auto!important;
    }
    p{
        margin-left:-10px!important; 
    }
}

/*----------------------------------i phone 12 pro 412px------------------------------*/
/*@media(max-width:412px){
    body{
        width:412px!important
    }
    #projectsIntro{
        height:800px!important;
        width:500px!important;
    }
    .projects-summary{
        margin:auto!important;
        height:350px!important;
        width:380px!important;
    }
    p{
        font-size:17px!important
    }
    .container1 h2{
        margin-left:10px!important;
        font-size:22px;
    }
    .container1 p{
        margin-left:15px;
    }
    .pic-wrapper{
        width:500px!important;
        height:400px!important;
    }
    .container3{
        margin-top:-200px!important;
    }

    .beaumont-garden{
        margin-left:10px;
        font-size:22px!important;
    }
    .beaumont{
        margin-left:7px!important; 
    }

    .container5{
       margin-top:-300px;
       margin-bottom:-80px;
       height:700px!important;
    }
    .container5 h2{
        margin-top:100px;
    }
    .container7{
        margin-top:-300px;
        margin-bottom:200px;
        height:800px!important;
    }
    .container8{
        margin-top:-400px!important;
    }
    #footer-bottom{
        margin-top:700px!important;
        height:1000px!important;
    }
    .call-out img{
        margin-left:16%!important;
    }
    #callOutOne{
        margin-left:28%!important;
        font-size:12px!important;
    }
    #callOutTwo{
        margin-left:25px!important;
        font-size:16px!important;
    }
    .reserved{
        font-size:12px!important;
    }


.call-out img{
    margin-left:80px;
}
}*/


/*-----------pixel 5  393px this is affecting galaxy fold 280 px!!!-----------------------*/
/*@media(max-width:393px){
    body{
        width:393px!important;
        margin-left:0px!important;
    }
    .navbar-header{
        width:393px!important;
    }
    #projectsIntro p{
        height:380px!important;
        width:335px!important;
        margin-left:-35px!important;
    }
    .gt-recovery{
        padding-right:120px!important;
    }
    p{
        margin-left:-20px!important;
        width:335px!important;
    }
    .container2 img{
        margin-left:0px!important;
    }
    .container3 h2{
        margin-left:-90px!important;
   }
    .container3 p{
        margin-left:-20px!important;
   }
   .container5 h2{
    margin-left:-90px!important;
}
    .container5 p{
         margin-left:-20px!important;
    }
    .container7 h2{
        margin-left:-90px!important;
    }
    .footer{
        margin-left:30px!important;
    }
    #callOutTwo{
        padding-left:20px!important;
    }
    
    .reserved{
        margin-left:0px!important;
    }
}*/

/*----------------------------------i phone 12 pro 390px------------------------------*/
/*@media(max-width:390px){
    body{
        width:390px!important
    }
    .footer{
        height:700px!important;
    }
    .call-out img{
        height:120px!important;
        width:90px!important;
        margin-left:5px!important;
    }
    #callOutOne{
        margin-top:100px;
        margin-left:80px!important;
        font-size:14px!important;
    }
    #callOutTwo{
        margin-left:0px!important;
    }
}*/

/*---------------------------------------i phone SE  375px------------------------------*/
/*@media(max-width:375px){
    body{
        width:auto!important;
        margin-left:5px!important;
    }
    .navbar-header{
        height:120px;
    }
    .navbar-header img{
        margin-top:20px;
    }
    .navbar-toggle{
        margin-top:40px;
    }
    #projectsIntro p{
        width:300px!important;
        height:430px!important;
    }
    .pic-wrapper{
        width:560px!important;
        height:400px!important;
        
    }
    p{
        padding:22px;
        text-align:center;
    }
    #parallaxOne{
        height:900px!important;
    }
    .container1 h2{
        margin-left:10px!important;
        font-size:22px;
    }
    .container1 p{
        margin-left:-5px;
    }
    .container2{
        margin-top:-200px;
        margin-bottom:200px;
    }
    .container3{
        height:500px!important;
    }
    .beaumont-garden{
        margin-left:-25px;
        font-size:22px!important;
        margin-top:0px!important;
    }
    .beaumont{
        margin-left:-10px!important; 
    }
    .container5{
        margin-top:100px;
        height:500px;
        margin-bottom:-50px;
    }
    .container5 h2{
        font-size:22px;
        margin-top:180px!important;
        margin-left:-10px;
    }
    .container5 p{
        margin-left:10px;
    }
    .container6{
        margin-left:0px!important;
    }
    .container7{
        height:1000px!important;
    }
    .container7 h2{
        font-size:22px;
        margin-top:120px;
        margin-left:-10px;
    }
    .container7 p{
        margin-left:20px;
        margin-top:-30px;
    }
    .footer{
        margin-top:200px;
        height:700px!important;
    }
    .call-out img{
        height:220px!important;
        width:190px!important;
        margin-left:100px!important;
    }
    .reserved{
        font-size:12px!important;
        margin-left:-255px;
        margin-top:-20px;
    }
    
}*/

/*-------------------------------------moto g4/galaxy s5 360px----------------------------*/
/*@media(max-width:360px){
    body{
        width:360px!important;
        margin:auto!important;
    }
    #projectsIntro{
        background-image:url("val-projects3.png");
        width:360px!important;
        height:680px;
    }
    .projects-summary{
        width:320px!important;
        height:550px!important;
        font-size:16px!important;
        margin-left:-40px!important;
    }
    .container1{
        height:800px!important;
        margin-bottom:200px!important;
    }
    .container1 h2 {
        font-size:22px!important;
        margin-left:0px;
    }
    .container1 p {
        font-size:10px!important;
        padding:62px!important;
        margin-left:-55px!important;
    }
    .pic-wrapper{
        width:500px!important;
        height:300px!important;
        margin-top:-150px;
    }
    .container2{
        margin-bottom:-400px!important;
    }
    
    #parallaxThree{
        height:760px!important;
    }
    .container3 h2{
        margin-top:50px!important;
        font-size:22px;
        margin-left:0px;
        width:280px;
    }
    .container3 p{
        font-size:10px!important;
        width:280px;
        margin-left:0px!important;
       
    }
    .container4{
        margin-bottom:-200px!important;
    }
    #parallaxFive{
        margin-top:-400px!important;
        height:800px!important;
    }
    #parallaxFive h2{
        font-size:22px;
        width:270px;
        height:40px;
        color:#fff;
        margin-top:20px!important;
        margin-left:0px!important;
    }
    .container5 p{
        font-size:10px!important;
        padding:62px!important;
        margin-left:15px!important;
        margin-top:-20px;
        
    }
    #projectSix{
        width:360px!important;
        height:500px;
        margin-bottom:-200px!important;
        margin-left:-40px!important;
    }
    #parallaxSeven{
        margin-top:-260px;
    }
    #parallaxSeven{
        height:900px!important;
    }
    .container7 h2{
        font-size:22px;
        width:270px;
        height:40px;
        color:#fff;
        margin-top:0px!important;
        margin-left:60px!important;
    }
    .container7 p{
        font-size:10px!important;
        padding:62px!important;
        margin-left:10px!important;
        margin-top:-60px!important;
    }
    .container8{
        margin-bottom:-1000px;
    }
    .footer{
        width:280px;
        margin-left:120px!important;
    }
    #footer-bottom img{
        display: block!important;
        margin-left: 30px!important;
    }
    .mornington-address{
        width:150px;
        text-align:center;
    }
    .call-out-1{
        margin-left:12%!important;
        font-size:8px!important;
    }
    #callOutTwo{
        font-size:16px!important;
        margin-left:-170px!important;
    }
    .call-out-2 a {
        margin-left:-25px;
    }
    .budget-footer{
        margin-left:-25px;
    }
    .reserved{
        font-size:10px!important;
        margin-left:-210px!important;
        margin-top:-20px;
    }
    
}*/

/*--------------------------------i phone se 320px----------------------------------*/
/*@media(max-width:393px){
    body{
        width:320px!important;
        margin:auto!important;
    }
    .laurel{
        display:none;
    }
    .projects-intro{
        margin-left:-40px!important;
    }
    .projects-summary{
        margin:auto!important;
        float:left!important;
    }
    .pic-wrapper{
        width:300px!important;
        margin-top:0px;
        margin-bottom:0px!important;
        height:300px!important;
    }
    .parallax1{
        height:auto!important;
        margin-left:-40px;
    }
    .parallax1 h2{
        margin-left:35px!important;
    }
    #gtStory{
        width:280px!important;
        height:auto;
        margin-left:90px!important;
    } 
    
    .container2{
        height:300px!important;
        width:auto!important;
    }
    .container3{
        margin-top:140px!important;
        margin-top:0px!important;
        height:600px!important;
    }
    .container3 h2{
        margin-left:0px;
        font-size:18px;
        height:50px;
        width:200px;
        margin-left:90px;
    } 
    .container3 p{
        width:280px!important;
        height:auto;
        margin-left:50px!important;
    }

    #projectFour{
        height:300px;
    }

    .container5{
        margin-bottom:-80px;
    }

    .container5 h2{
        margin-left:50px;
    }
    #celicaStory{
        width:280px;
        margin-left:45px!important;
    }
    .container7{
        margin-top:-430px;
    }
    .container7 h2{
        margin-left:-10px;
    }
    #southgateStory{
        width:280px;
        margin-left:60px!important;
    }
    .footer{
        margin-top:140px;
        margin-left:-70px;
    }
    .call-out img{
        margin-left:-30%!important;
    }
    .col-sm-12{
        width:260px!important;
        margin-left:25%!important;
        font-size:12px!important;
    }
    .reserved{
        margin-left:-125px;
        font-size:10px!important;
    }
    
}
*/







/*-------------------------------------galaxy fold 280px-------------------------------*/
@media(max-width:280px){
    body{
        width:280px!important;
        margin:auto!important;
    }
    .logo{
        height:60px;
        width:60px;
    }
    #projectsIntro{
        background-image:url("val-projects3.png");
        width:280px!important;
    }
    .projects-summary{
        margin-left:-40px!important;
        height:620px!important;
        width:240px!important;
    }
    .pic-wrapper{
        width:300px!important;
    }
    .container1{
        height:860px!important;
        margin-bottom:-200px;
    }
    .container1 h2{
        padding-left:20px!important;
    }
    #gtStory{
        margin-left:-30px!important;
        width:240px;
        font-size:12px;
    }
    #projectTwo {
        margin-left:0px!important;
        height:200px;
        margin-top:-50px;
    }
    .container3{
        height:780px!important;
        margin-top:350px!important;
        margin-bottom:-140px!important;
    }
    .container3 h2{
        margin-left:0px!important;
        margin-bottom:40px;
    }
    .container3 p{
        width:240px;
        margin-left:-30px!important;
    }
    #projectFour{
        width:300px!important;
        margin-left:0px!important;
        margin-top:20px;
        margin-bottom:-200px;
    }
    .container5{
        height:650px!important;
        margin-top:0px!important;
        margin-bottom:-200px!important;
    }
    #parallaxFive h2{
        margin-left:-40px!important;
        width:260px;
    }
    #parallaxFive p{
        margin-left:-30px!important;
        width:240px;
    }
    #celicaStory{
        margin-left:-20px!important;
    }
    #projectSix{
        height:600px;
        margin-bottom:-400px!important;
        margin-left:0px!important;
    }
    .container7{
        margin-top:0px!important;
        height:1200px!important;
        margin-bottom:150px;
    }
    .container7 h2{
        font-size:22px;
        margin-top:300px!important;
        margin-left:-20px!important;
        text-align:center!important;
    }
    .container7 p{
        width:240px!important;
        margin-left:-30px!important;
        font-size:18px!important;
    }
    .footer{
        margin-top:750px!important;
        margin-left:0px!important;
    }
    #footerImage{
        height:190px!important;
        width:160px!important;
        margin-left:100px!important;
        margin-bottom:80px;
    }
    #callOutOne{
        font-size:10px!important;
        margin-left:155px!important;
    }
    .mornington-address{
        width:150px!important;
        text-align:left;
        margin-left:0px!important;
    }
    .county{
        margin-left:-60px;
    }
    .eircode{
        margin-left:-60px;
    }
    #phOne{
        margin-left:-85px;
    }
    #enVelope{
        margin-left:-85px;
    }
    #callOutTwo{
        font-size:10px!important;
        margin-left:70px!important;
    }
    .facebook{
        font-size:10px!important;
    }
    .budget-footer{
        font-size:10px!important;
    }
    .reserved{
        font-size:10px!important;
        margin-left:0px!important;
        margin-top:12px;
    }
}