
@media (max-width: 1500px) {

.firstnav .navbar-nav > li > a:link, .firstnav .navbar-nav > li > a:visited {
font-size:20px;
}

.map p.maptext{
width:90%;
left:5%;
}


.map p.maptext1{
width:90%;
left:5%;
margin:105px auto 0  auto;
}



}




@media (max-width: 1200px) {

.firstnav .navbar-nav > li > a:link, .firstnav .navbar-nav > li > a:visited {
font-size:17px;
}


.comments .avatarwrapper{
width:120px;
height:120px;
}
.comments .avatar{
width:100px;
height:100px;
}


}



@media (max-width: 1024px) {



#parallax2{
background:#555555 url("../images/parallax2.jpg") 0% 0 no-repeat;
}


#parallax3{
background:#555555 url("../images/parallax2.jpg") 0% 0 no-repeat;
}


#parallax4{
background:#555555 url("../images/parallax2.jpg") 0% 0 no-repeat;
}

}


@media (max-width: 1000px) {

.blogbuttonwide a:link, .blogbuttonwide a:visited{
border:#eda4ad 1px solid;
padding:10px 0;
text-align:center;
width:104%;
margin:0 0 0 -1%;
}


#mask {
display:none;
}


h3.subtitle2 {
width:100%;
}


.map p.maptext1{
margin:126px auto 0  auto;
}


.additionalpageright h3{
margin-top:0px;
}


.reply {
text-align:left;
}


}



@media (min-width: 768px) {

.hideondesktop {
display:none;
}

}


@media (max-width: 767px) {

.hideondesktop {
display:block;
}


.firstnav .navbar-nav > li {
width:auto;
padding:7px;
margin-left:-2%;
}

.secondtnav .navbar-nav > li {
width:auto;
padding:7px;
margin-left:-1%;
}

.navbar-fixed-top{
position:relative;
}

.navbar-header button .icon-bar{
margin:0 auto ;
display:block;
background: #fff;
}


.topwrap {
padding-top:100px;
padding-bottom:230px;
}
h2.title1 { 
font-size:84px;
}
h3.subtitle2 {
font-size:18px;
width:90%;
}

a.toplink:link, a.toplink:visited {
width:20%;
font-size:18px;
}


.mainheadline {
background: url("../images/mainheadlinebg.png") top center no-repeat; 
height:142px;
width:auto;
margin:0 auto;
display:block;
}



.view h2 {
top:17%;
}
.view h3 {
top:40%;
}

.bxwrap .bx-wrapper a.bx-prev:link, .bxwrap .bx-wrapper a.bx-prev:visited {
left:45%;
}

.bxwrap .bx-wrapper a.bx-next:link, .bxwrap .bx-wrapper a.bx-next:visited {
left:50%;
}

.map p.maptext{
top:20px;
}




}




@media (max-width: 630px) {
.bloghomepage .col-lg-6{
width:100%;
}

.bloghomepage .col-lg-12 {
width:96%;
}
.topwrapblog h2.title1 { 
font-size:84px;
}




}



@media (max-width: 580px) {
.mainheadline {
max-width:80%;
}

.bxwrap .bx-wrapper a.bx-prev:link, .bxwrap .bx-wrapper a.bx-prev:visited {
left:42%;
}

.bxwrap .bx-wrapper a.bx-next:link, .bxwrap .bx-wrapper a.bx-next:visited {
left:50%;
}

.bxwrapadditional .bx-wrapper a.bx-next:link, .bxwrapadditional .bx-wrapper a.bx-next:visited {
display:none;
}


.bxwrapadditional .bx-wrapper a.bx-prev:link, .bxwrapadditional .bx-wrapper a.bx-prev:visited {
display:none;
}



.inputwrapper1{
width:100%;
}

#main .textarea{
float:left;
}

#main .buttoncontact {
width:98%;
}



}




@media (max-width: 500px) {

.topwrapblog h2.title1 { 
font-size:48px;
margin-top:63px;
}



.topwrap {
padding-top:40px;
padding-bottom:190px;
}
h2.title1 { 
font-size:63px;
padding-top:0px;
padding-bottom:10px;
}
h3.subtitle2 {
font-size:13px;
}

a.toplink:link, a.toplink:visited {
margin:21px auto 0  auto;
padding:5px 0;
}


.mainheadline {
max-width:90%;
}

.mainheadline h4{
padding-top:52px;
font-size:24px;
}

.aboutimagewrapper .col-lg-4{
width:90%;
margin:21px auto;
float:none;
}


.view h2 {
top:20%;
}
.view h3 {
top:42%;
}

.og-fullimg {
display:none;
}
.og-details {
width:100%;
height:100%;
}


.parallaxtext{
margin: 21px  auto 63px auto;
}



}




@media (max-width: 400px) {


h2.title1 { 
font-size:52px;
}


.bxwrap .bx-wrapper a.bx-prev:link, .bxwrap .bx-wrapper a.bx-prev:visited {
left:40%;
}

.bxwrap .bx-wrapper a.bx-next:link, .bxwrap .bx-wrapper a.bx-next:visited {
left:50%;
}


.og-grid li {
width:96%;

}


.map p.maptext1{
top:90px;
}



}




@media (max-width: 320px) {


h2.title1 { 
font-size:40px;
}


.map p.maptext{
top:0px;
}
.map p.maptext1{
top:80px;
}


}







