.flex-container {display: flex;flex-direction: column;}
body > section .mainContent{margin: 5px auto;padding: 10px 15px 10px 10px;max-width:80%}
.inline-gallery-container{margin:0px 0px 0px 0px;padding: 2px ;width:45%;height:0;padding-bottom: 45%;float:right; padding-top: -40px;}
// For caption animation(Optional)
.lightGallery-captions {h4 {transform: translate3d(60px, 0, 0px);background:#fff;}
p {transform: translate3d(-60px, 0, 0px);}
 h4,p {opacity: 0;}}
.lg-current {.lightGallery-captions { h4,p {transform: translate3d(0, 0, 0px);}
 h4, p {opacity: 1;}}}
.lg-slide-progress {
    .lightGallery-captions {
        h4 {
            transform: translate3d(-60px, 0, 0px);
        }
        p {
            transform: translate3d(60px, 0, 0px);
        }
        h4,
        p {
            opacity: 0;
        }
    }
}
.lightGallery-captions {h4{font-size:1.8vw;padding-bottom:4px;}}
.lightGallery-captions {h4,
 p {transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;}
}
.lg-current {
    .lightGallery-captions {
        h4,
        p {
            transition-delay: 500ms;
        }
    }
    &.lg-slide-progress {
        .lightGallery-captions {
            h4,
            p {
                transition-delay: 0ms;
            }
        }
    }
}

.mobilePhon2:link{color:blue}
.mobilePhon2:hover{color:blue}
#mmBanner{width:280px;float:left;margin:14px 0px 0px 50px;border:none}#jeff{float:left;margin:-5px 0px 0px 100px;width:110px;}
#azPix{display:block;width:590px;margin-top:70px;margin-left:auto;margin-right:auto;border:none}


.contactDiv{
    margin: 1.0em 0;
    padding: 5px 0;

    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
}

 .contactDiv > *{
    margin: 0;
    padding: 0;
    color: #fff;
}
 .contactDiv a{
    display: block;
    margin: 0;
    padding: 0.5em 0.2em;
    color: #fff;

    text-align: center;
}

.contactDiv p{

    border-bottom: 2px dotted #fff;    padding: 0.5em;
}

.contactDiv{float:left;width:340px;border:none;margin-top:50px;margin-left:100px;margin-right:auto;font-size:18px;line-height:150%;font-weight:bold;text-align:left;background:#41598f;border:2px solid #41598f;padding:15px 0px 20px 5px;border-radius:3px;
box-shadow: 5px 6px  5px rgba(0,0,0,0.12), 7px 8px 7px rgba(0,0,0,0.24); 
-moz-box-shadow:5px 6px  5px rgba(0,0,0,0.12), 7px 8px 7px rgba(0,0,0,0.24);
-webkit-box-shadow:5px 6px  5px rgba(0,0,0,0.12), 7px 8px 7px rgba(0,0,0,0.24);}


.description{display:block;font-size:16px;line-height:180%;float:left;width:600px;background:transparent;text-align:left;margin-top:30px;margin-left:10px;margin-right:auto;padding: 35px 15px;border:dotted 1px #000}


#center{float:left;padding-top:10px;margin:0px;background:transparent;width:1280px}
#centerArt{display:block;width:80%;padding:20px 70px;margin-left:auto;margin-right:auto;background:#fff;color:#000000;}
#centerArtW{display:block;width:100%;padding:20px 270px;margin-left:auto;margin-right:auto;background:#fff;color:#000000;}
.textN{ padding:0px 50px;font-size:130%;line-height:160%}
.textM{display:none}
.detail{margin-left:30px;}
.break{display:none}
.gStyle{float:left;width:40px;border:0;margin:0px 0px 10px 5px}
#righthead{float:right;font-size:14px;font-weight:bold;text-align:center;background:#fff;color:#000:width:230px;margin-top:80px}
.Hcol{width:38%;margin:10px 0px 0px 10px;background:transparent;float:left;text-align:left;font-size:78%}
.hx{font-size:76%}
.list{display:block;float:left;font-family:"MS Sans Serif";margin: 0px 20px 26px 0px;font-size:14px;
line-height:22px;font-weight:bold;width:340px;background:#ffffff;border:ridge #fff 2px }  
.llist{display:block;float:left;background:transparent;margin: 0px 8px 26px 200px;font-size:14px;line-height:22px;font-weight:bold;width:410px;text-align:left}
.llistR{display:block;float:left;margin:-15px 0px 0px 100px;background:transparent;font-weight:bold;width:410px;text-align:left} 
#smargin{margin:0px 0px 0px 50px}
.buttonImage{display:block;height:100px;border:none;margin-left:0px;margin-right:auto}
.buttonImage360{display:block;float:left;height:120px;border:none;margin-left:0px;}
 .two-col-special {   
     overflow: auto;
     margin: 0;
     padding: 0;}
 .two-col-special li { 
     display: inline-block;
     width: 47%;
     margin: 0;font-size:90%;
     padding: 0;
    vertical-align: top; /* In case multi-word categories form two lines */
 }
 .two-col-special li:before {   
     padding: 5px;
     margin-right: 5px; /* you can tweak the gap */
     color: orange;
     background-color: white; /* in case you want a color... */
     display: inline-block;
}
.next {line-height:50%;padding:4px 0px}
.arrow{vertical-align:middle;border:none}
/* a:link{color:#ffffff;font-size:110%;margin:0px 30px  0px 0px}
a:visited{color:#fff;font-size:110%;margin:0px 30px  0px 0px}             
a:hover   {color:orange}
a:active {color:red}*/
a{text-decoration:none}
.captain{color:#ffffff;font-size:130%; margin:0px;font-weight:bold}
.hiddenpic{display:none}
.pright{text-align:right}
.pleft{text-align:left}
.pcenter{float:right;text-align:center}


.magBoxAB{float:right;width:150px;border:none;margin:10px}           
#col1{width:450px;margin :20px 0px 0px 30px;background:transparent;float:left;text-align:left}
#col2{width:450px;margin:20px 0px 0px 60px;padding-right:25px;padding-left:0px;background:transparent;float:left;text-align:justify}
.pic{border: ridge 1px #41598f;margin:0 10px 0 0}            
.picMain{border:none;padding:0px;width:340px} 
.jeff{margin:0 0 20px 20px}
.jeff1{margin:0 20px 20px 0px}
.jeff2{margin:2px 20px 10px 0px;float:left;border:none;height:200px}
.jeff3{margin:2px 40px 10px 0px;float:left;border:none }
.capPix{float:left;margin-right:10px;width:80px;border:none} 
HR{font-size:2px; color:#000}


H2{color:#000;font-size:22px;font-weight:bold;text-align:center}
H4{color:#000;font-size:26px;line-height:3px;font-style:normal;font-variant:small-caps;text-align:center}
H5{color:#000;background-color:transparent;font-size:36px;line-height:3px;font-family:"Times New Roman";font-style:normal;font-variant:small-caps;text-align:center}
.AD4{color:#ffffff;background-color:transparent;font-size:16px;line-height:5px;font-family:"Times New Roman";font-style:normal;font-variant:small-caps;text-align:center} 
.AD5{color:#ffffff;background-color:transparent;font-size:14px;line-height:5px;font-family:"Times New Roman";font-style:normal;font-variant:small-caps;text-align:center}
.emfc{color:red;background-color:transparent;font-size:20px;line-height:22px;padding:0 0 5px 50px;width:600px;text-align:center}          
.emfc2{color:red}
.emfc3{color:red;font-size:28px;font-weight:bold;text-align:center} 
.feature{display:block;color:#000;font-size:18px;margin-right:auto;margin-left:auto;font-weight:bold;height:300px;width:800px;line-height:22px;border:ridge 6px #ffffff;background:#fff;text-align:center}

#featurePic{float:left;border:none;height:300px}#featurePic2{float:left;border:none;height:720px}
.feature2{font-size:85%;font-weight:bold;width:950px;line-height:145%;margin: 20px 40px 40px 100px;text-align:left}
.box{font-size:18px}
.styled2{border-top:solid 2px #777777;padding:5px;background:#f7f7f7;background-image: url(images/bg.png);background-position: bottom right;background-repeat:no-repeat}	
.styled{border-top:solid 2px #000450;background:#f7f7f7;height:20px}
.tableClass{border:double 4px #000;padding:10px;margin-left:auto;margin-right:auto;width:58%}
.tableClassW{border:none;width:90%;padding:10px;margin-left:auto;margin-right:auto}
.highlightC{font-weight:bold;text-align:center; padding:6px 0px;}                
	     .highlightL{text-align:left; padding:6px 0px;} 
	     .highlightLT{text-align:left; padding:6px 0px;vertical-align:text-top;} 
	     .highlightLD{text-align:left; padding:6px 0px;border-bottom:dotted 2px #000} 
.highlightR{text-align:right;font-size:20px; padding:6px 0px} 
.highlightBigBox{font-size:24px;
                  font-weight:bold;
                  text-align:center;
                  border:ridge 3px #c7c7c7;
                  padding:6px;}
                  .highlightSBig{font-size:20px;border:solid 1px white;font-weight:bold;text-align:center;padding:2px 0px;}
                  .highlightS{font-size:16px;border:solid 1px white;font-weight:bold;text-align:center;padding:6px 0px;}
.map{width:487px;height:302px;border:none;float:left;margin:20px;}
.brokerBox{float:left;width:47%;margin:0px 20px 30px 0px;text-align:left;line-height:150%}
.magBoxA{float:left;width:150px;border:none;margin:10px  20px 10px 0px}
.clearing{clear:both}
.centering{display:block;text-align:center}
#myname{margin: 10px 0px 10px 220px;font-weight:bold;font-size:32px;text-align:center}
.listingPic{float:right;width:80%;border:none;margin:20px 50px 0px 10px}
.listingPicW{float:right;width:750px;border:none;margin:20px 50px 0px 10px}
#view360{width:200px; height:125px;}
.capts {border:6px;border-style:inset;border-color:silver;margin:0 0 0 14px}
.rcol{width:410px;background:transparent;float:right;margin-right:50px}
.pixt{font-size:28px;text-align:center;font-variant:small-caps;font-weight:bold;margin:-5px 0px 10px 0px}
.pixV{display:block;font-size:24px;font-variant:small-caps;font-weight:bold;clear:left;margin-top:-5px;margin-left:5px}
.N1{color:#000000;background-color:transparent;font-size:26px;font-weight:bold;text-align:center}
.N2{color:#000000;background-color:transparent;font-size:20px;font-weight:bold;text-align:center}
.N3{color:#000;font-size:20px;font-weight:bold;text-align:left}
.N4{font-size:24px;line-height:200%;font-weight:bold;text-align:left}
.N5{color:#fff;font-size:28px;font-weight:bold;text-align:left}
.N6{color:#000;font-size:14px;font-style: italic;text-align:center}
.descr{float:left;margin-left:400px;width:550px;font-size:20px;line-height:150%;text-align:left;color:#000}
.picsa{display:block;float:left;width:450px;margin-left:auto;margin-right:auto;border:ridge 2px silver}
.picsB{display:block;float:left;width:300px;margin-left:auto;margin-right:auto;border:ridge 2px silver}
.popPic{width:100%}
.seperator{margin-left:auto;margin-right:auto;width:80%;border-bottom:dotted #01286b 4px;}
.bcenter{text-align:center;font-size:80%}


@media screen  and (max-width: 1024px) {
 body > section .mainContent{margin: 5px auto;padding: 10px 15px 10px 10px;max-width:1020px;}
  .inline-gallery-container{margin:0px 0px 0px 0px;padding: 10px ;width:45%;height:0;padding-bottom: 55%;float:right; top: -5px;}
.contactDiv{{display:block;float:left;width:50px;border:none;margin:10px  00px 10px -250px;font-size:18px;line-height:140%;font-weight:bold;text-align:left}
.description{display:block;font-size:22px;float:left;background:transparent;text-align:left;margin-top:20px;margin-left:10px;margin-right:auto;padding: 10px;border: solid 1px #000}
#myname{display:none;margin:5px;font-weight:bold;font-size:17px;text-align:center;color:#000;}
}

@media screen and (max-width: 940px) {.lightGallery-captions {h4{font-size:1.5rem;background:#fff;padding:10px}}

H1{color:#fff;font-size:16px;font-weight:bold;text-align:center}
H4{color:#000;font-size:10px;line-height:3px;font-style:normal;font-variant:small-caps;text-align:center}
.N4{color:#000;font-size:14px;font-weight:bold;text-align:left}
#myname{display:none;margin:5px;font-weight:bold;font-size:17px;text-align:center;color:#000;}
.description{display:block;font-size:18px;float:left;width:80%;background:transparent;text-align:left;margin:20px 5px;margin-left:10px;margin-right:auto;padding:20px 5px;border: solid 2px #000}

.contactDiv{float:left;width:320px;border:none;margin:10px  00px 20px 5px;font-size:18px;line-height:140%;font-weight:bold;text-align:left}

.inline-gallery-container {float:right;margin-left:30px;width: 100%; height: 600px;position: relative}
 .two-col-special li { 
     display: inline-block;
     width: 80%;margin: 0;font-size:110%;padding: 0; }


.winName{display: block;margin: 0;padding: 0;text-align: center; width:70%;}
 #Body .header .mainDetails .details{
        padding: 1.3em 0.5em;
    }
    .header .mainDetails .details div{
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-box-wrap: nowrap;
            -webkit-box-wrap: nowrap;
            -webkit-flex-wrap: nowrap;
            -ms-flexbox-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: space-between;
            -webkit-justify-content: space-between;
            -ms-flex-pack: space-between;
            justify-content: space-between;
            -webkit-align-items: stretch;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
    
            margin: 0 auto;
            max-width: 700px;
            font-size: 120%;
    }

  
    #Body .header .mainDetails .details h2{
        margin: 0;
    }

    #Body .header .mainDetails .details h5{
        margin: 0;
        color: var(--primary-color-blue-tint-1);
    }
}


@media screen and (max-width: 440px) {



.lightGallery-captions {h4{font-size:.7rem;}}
.N1{color:#000000;background-color:transparent;font-size:20px;font-weight:bold;text-align:center;margin-bottom:-10px;}
#myname{display:none;margin:5px;font-weight:bold;font-size:17px;text-align:center;color:#000;}

.inline-gallery-container{margin:0px 0px 0px 0px;padding: 2px ;width:100%;height:0;padding-bottom: 90%;float:right; top: -5px;}




.description{display:block;font-size:12px;width:320px;text-align:left;margin-top:0px;margin-left:1px;margin-right:auto;padding:10px 5px;border: solid 1px #000}
.contactDiv{float:left;width:320px;margin-top:20px;margin-left:5px;margin-right:auto;font-size:16px;line-height:140%;font-weight:bold;text-align:left;background:#41598f;}
 .two-col-special li {display: inline-block;width: 90%;margin: 0;padding: 0;vertical-align: top; /* In case multi-word categories form two lines */}
.N3{color:#000;font-size:14px;font-weight:bold;text-align:left}ul.c{display:block;list-style-type:circle;font-size:100%;margin-bottom:10px;}}
/*
@media only screen and (min-width: 768px) and (max-width: 768px) {.lightGallery-captions {h4{font-size:.98rem;background:#fff;padding:10px}}
.contactDiv{float:left;width:270px;margin-top:20px;margin-left:10px;margin-right:auto;font-size:16px;line-height:140%;font-weight:bold;text-align:left;background:#41598f;}
.description{display:block;font-size:14px;width:2400px;text-align:left;margin-top:20px;margin-left:10px;margin-right:auto;padding:3px;border: solid 1px #000}

}*/
@media screen and (min-width: 900px) {
    #Body .contactDiv{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-wrap: nowrap;
        -webkit-box-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flexbox-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    } #Body .contactDiv > *,#Body .contactDiv p:nth-child(2){-webkit-box-flex: 1 1 30%;-webkit-flex: 1 1 30%;-ms-flex: 1 1 30%;flex: 1 1 30%;margin: 0;padding: 0;border: 0; }}