/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) { 
 	.modal-dialog {
        width: 600px;
        margin: calc(50vh - 150px) auto 0 auto;
	}
	
	.btn { padding-left:40px; padding-right:40px; }
	.btn-small { padding:10px 0; }
    
    .primary-logo .logo { 
        width:294.06px; 
        height:46.2px;
    }
    
    .primary-nav-wrap {
        height: 80px;
    }
    
    .primary-nav .menu-nav > ul > li > a {
        font-size: 30px;
        line-height: 2em;
    }
    

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
    
    .circle { position: absolute; top:50%; right: 0; left: 49%; margin-left: 0; z-index: 1; }
    .circle > h2 { position: relative; z-index: 2; font-size: 30px; }

    .circle::after{
        content: '';
        position: absolute;
        top: -140px;
        left: -140px;
        z-index: 1;
        width: 300px;
        height: 300px;
        border-radius: 150px;
        opacity: 0.7;
    }
    
    .circle-02::after{ background-color: #49b0a6; top:-110px; }
    .circle-03::after{ background-color: #c8c347; top:-110px; }
    
    .box-color { right: -80px; }
    .box-color-left { left: -80px; }
    
    .box-color-01-right { right: -60px; left: -160px; }
    .box-color-01-left { left: -60px; right: -160px; }
    
    .box-color-02 { right: -60px; left: -160px; }
    .box-color-02-left { right: -160px; left: -60px; }
    
    hr.lb { width: 140px; }

    hr.lbm0 { width: 140px; }
    
    h1, .h1 { font-size:34px; font-weight: 700; line-height: 1.3em; }
    h2, .h2 { font-size:30px; font-weight: 700; line-height: 1.5em; }
    h3, .h3 { font-size:21px; line-height: 1.8em; }
    h4, .h4 { font-size:19px; line-height: 2em; }
    h5, .h5 { font-size:16px; line-height: 1.8em; }
    h6, .h6 { font-size:14px; font-weight: 700; letter-spacing: 1px; }
	
	section.xs { padding-top:15px; padding-bottom:15px; }
	section.sm { padding-top:30px; padding-bottom:30px; }
	section.md { padding-top:90px; padding-bottom:90px; }
	section.lg { padding-top:120px; padding-bottom:120px; }
	section.lgb { padding-bottom:120px; }
	section.bg { padding:120px 15px; }
	
	.ls-fullheight { height:auto; position:absolute; top:0; bottom:0; }
	
	.lg-outer .lg-img-wrap { padding: 80px; }
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    
    .col-md-vertical { width: 29% }
	.col-md-horizontal { width: 42% }

}