.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
	z-index:0;
}


#documentationsub{
height:300px  !important;
margin-top:0px  !important;
}


#documentation {
    height: 720px;
    position: relative;
	width:1200px;
	margin:0px auto;
}

.vegas-overlay {
    opacity: .5;
    background: transparent url("/theme/basic/img/vegas/overlays/02.png") center center repeat;
}

.vegas-timer {
    top: auto;
    bottom: 0;
    height: 2px;
}

.vegas-timer-progress {
    width: 0%;
    height: 100%;
    background: white;
    transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
    width: 100%;
}

.vegas-slide,
.vegas-slide-inner {
    margin: 0;
    padding: 0;
    background: transparent center center no-repeat;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, opacity;
}

body .vegas-container {
    overflow: hidden !important;
    position: relative;
}

.vegas-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

body.vegas-container {
    overflow: auto;
    position: static;
    z-index: -2;
}

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
    position: fixed;
    z-index: -1;
}

/* Target Safari IOS7+ in order to add 76px */
/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
    opacity: 0;
    -webkit-filter: blur(32px) brightness(1.01);
            filter: blur(32px) brightness(1.01);
}

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
    opacity: 1;
    -webkit-filter: blur(0px) brightness(1.01);
            filter: blur(0px) brightness(1.01);
}

.vegas-transition-blur2-out {
    opacity: 0;
}

/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
            filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
    opacity: 1;
    -webkit-filter: contrast(100%) saturate(100%);
            filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
            filter: contrast(1000%) saturate(1000%);
}

/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
    opacity: 0;
}

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
    opacity: 1;
}

.vegas-transition-fade2-out {
    opacity: 0;
}

/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
    opacity: 0;
    -webkit-filter: brightness(25);
            filter: brightness(25);
}

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
}

.vegas-transition-flash2-out {
    opacity: 0;
    -webkit-filter: brightness(25);
            filter: brightness(25);
}

/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
    opacity: 0;
    -webkit-filter: invert(100%);
            filter: invert(100%);
}

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
    opacity: 1;
    -webkit-filter: invert(0);
            filter: invert(0);
}

.vegas-transition-negative2-out {
    opacity: 0;
    -webkit-filter: invert(100%);
            filter: invert(100%);
}

/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.vegas-transition-slideLeft2-out {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}

.vegas-transition-slideUp2-out {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
    -webkit-transform: scale(2) rotate(35deg);
            transform: scale(2) rotate(35deg);
    opacity: 0;
}

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlLeft2-out {
    -webkit-transform: scale(2) rotate(-35deg);
            transform: scale(2) rotate(-35deg);
    opacity: 0;
}

/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
    -webkit-transform: scale(2) rotate(-35deg);
            transform: scale(2) rotate(-35deg);
    opacity: 0;
}

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlRight2-out {
    -webkit-transform: scale(2) rotate(35deg);
            transform: scale(2) rotate(35deg);
    opacity: 0;
}

/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomIn2-out {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
}

/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
}

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomOut2-out {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}

/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
    -webkit-animation: kenburns ease-out;
            animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
    -webkit-animation: kenburnsDownLeft ease-out;
            animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
                transform: scale(1.5) translate(10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
                transform: scale(1.5) translate(10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
    -webkit-animation: kenburnsDownRight ease-out;
            animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
                transform: scale(1.5) translate(-10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
                transform: scale(1.5) translate(-10%, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
    -webkit-animation: kenburnsDown ease-out;
            animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
                transform: scale(1.5) translate(0, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
                transform: scale(1.5) translate(0, -10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
    -webkit-animation: kenburnsLeft ease-out;
            animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
                transform: scale(1.5) translate(10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
                transform: scale(1.5) translate(10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
    -webkit-animation: kenburnsRight ease-out;
            animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
                transform: scale(1.5) translate(-10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
                transform: scale(1.5) translate(-10%, 0);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
    -webkit-animation: kenburnsUpLeft ease-out;
            animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
                transform: scale(1.5) translate(10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
                transform: scale(1.5) translate(10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
    -webkit-animation: kenburnsUpRight ease-out;
            animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
                transform: scale(1.5) translate(-10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
                transform: scale(1.5) translate(-10%, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
    -webkit-animation: kenburnsUp ease-out;
            animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
                transform: scale(1.5) translate(0, 10%);
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
                transform: scale(1) translate(0, 0);
    }
}

#mprevious {
opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 30px;

       display: block;
       width:50px;
	   height:100px;
 

        background-image: url('/theme/new/img/vegas/left.png') !important;
	    background-size: 50px;
        transform: translateY(-50%);
		background-repeat: no-repeat;
		 z-index:2;
    }
#mprevious:hover{
opacity: 1;
}
#mnext:hover {
opacity: 1;
}
    .add {
        top: auto;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('/theme/basic/img/vegas/icon-add.svg') !important;
    }

#mnext {
opacity: 0.3;
z-index:2;
position: absolute;
top: 50%;
right:30px;
display: block;
width:50px;
height:100px;
  
background-image: url('/theme/new/img/vegas/right.png') !important;
background-size: 50px;
transform: translateY(-50%);
background-repeat: no-repeat;
}

#documentationsub > div.vegas-content-scrollable > div > div.slide-caption{
margin-top:165px;
}
#documentationsub > div.vegas-content-scrollable > div > div.slide-caption > div.slide-caption-text1 > div > h1{

font-size:30px;
}
#documentationsub > div.vegas-content-scrollable > div > div.slide-caption > div.slide-caption-text1 > div > p{

}
.slide-caption{
margin-top:400px;
z-index:2;
position: absolute; 
left: 50%; transform: translateX(-50%);

/*background-image: url('/theme/basic/img/vegas/main_more.png') !important;
background-repeat: no-repeat;
background-position: left center;
*/

}



.slide-caption-text1{
font-family: 'Nanum Gothic','daum', dotum, sans-serif;
font-size:30px;
font-style: normal;
font-weight:800;
color:#fff;
text-shadow: -1px 0 #000, 0 1px  #000, 1px 0  #000, 0 -1px  #000;
text-align:center;
padding:20px;
background-color: #3b59ad;
opacity : 0.9;
}
.slide-caption-text2{
font-family: 'Nanum Gothic','daum', dotum, sans-serif;
margin-top:34px;
margin-left:14px;
font-size:30px;

font-weight:800;
color:#fff;
text-align:center;
text-shadow: -1px 0 #000, 0 1px  #000, 1px 0  #000, 0 -1px  #000;
}
.slide-caption-text1-position1{
}
.slide-caption-text1-position1 h1{
font-size:50px;
font-style: normal;
}
.slide-caption-text1-position1 p{
font-size:20px;
font-weight:normal;
font-style: normal;
letter-spacing:-1px;
}
.slide-caption-text1-position1 p.colorsup{
font-size:15px;
line-height:30px;
letter-spacing:0px;
}
.slide-caption-text1-position1 p > sup {
font-size:10px;

}

.slide-caption-text1-position1 p span{ 
text-decoration: underline;
text-underline-position: under;
line-height:18px;
}
.slide-caption-text1-position2{
padding-left:0px;
}
.slide-caption-text1-position2 h1{
font-size:25px;
color:#e73820;
font-style: normal;
}
.slide-caption-text1-position2 p{
width:50%;
font-size:14px;
font-weight:normal;
color:#fff;
}

.slide-caption-text1-position3{
padding-left:0px;
}
.slide-caption-text1-position3 h1{
padding-top:0.7em;
font-size:60px;
color:#fff;
font-style: normal;
text-align:center;
}
.slide-caption-text1-position3 p{
width:50%;
font-size:14px;
font-weight:normal;
color:#fff;
}

.slide-caption-text1-position4{
margin-top:-50px;
}
.slide-caption-text1-position4 h1{
font-size:16px;
color:#fff;
font-style: normal;
line-height:26px;
}
.slide-caption-text1-position4 h1 span{ 
text-decoration: underline;
text-underline-position:under;
line-height:26px;
}


.slide-caption-text1-position3 p{
width:200%;
font-size:14px;
font-weight:normal;
color:#fff;
}


.slide-caption-sub{
margin-top:190px;
z-index:2;
position: absolute; left: 55%; transform: translateX(-50%);
/*background-image: url('/theme/basic/img/vegas/main_more.png') !important;*/
background-repeat: no-repeat;
background-position: center bottom;
width:1400px;
height:240px;

}
.slide-caption-text_sub1{
font-size:30px;
font-style: italic;
font-weight:bold;
color:#fff;
/*text-shadow: -1px 0 #000, 0 1px  #000, 1px 0  #000, 0 -1px  #000;*/
}
.slide-caption-text_sub2{
margin-top:10px;
margin-left:0px;
font-size:18px;
font-weight:bold;
color:#fff;
font-style: italic;
/*text-shadow: -1px 0 #000, 0 1px  #000, 1px 0  #000, 0 -1px  #000;*/
}


#mpreviousbg{

display:none;
    background-image: url('/theme/new/img/vegas/main_img_top.png');

	background-position:center bottom;
    position: absolute;
    bottom:0px;
	width:100%;
	height:150px;
	/*transform: translate(-50%, 100%);*/
 }
#mpreviousbg ul{
margin: 0px auto;
    width: 100%;
max-width: 1100px;
}

#mpreviousbg ul li{
float: left;
    margin: 0px;
text-align:center;

}

#mpreviousbg ul li a {
    line-height: 150px;
    vertical-align: middle;
	    font-size: 36px;
    display: block;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 0px 0.5em;
	color:#fff;
}

#mpreviousbg ul  li  a:hover {
	color:#000;
	
}

#mpreviousbg img.main_img_top_1{
padding-top:0px;
}
#mpreviousbg img.main_img_top_2{
padding-top:0px;
}


#mnextbg{
 display:none;
 opacity: 1;
 position: absolute;
 bottom:0;
 left: 0;
 width:100%;
 height:500px;
 background-image: url('/theme/basic/img/vegas/main_img_bottom.png') !important;
 background-position:bottom left;
 background-repeat: no-repeat;
 z-index:0;
}


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

#documentation {
    height: 400px;
    position: relative;
	width:100%;
}

#mprevious {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 2px;
  display: block;
  width:40px;
  height:50px;
  background-image: url('/theme/new/img/vegas/left.png') !important;
  background-size:30px;  
  transform: translateY(-50%);
  background-repeat: no-repeat;
  }
#mprevious:hover{
opacity: 1;
}



#mnext:hover {
opacity: 1;
}
    .add {
        top: auto;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('/theme/basic/img/vegas/icon-add.svg') !important;
    }

 #mnext {
 opacity: 0.5;
 position: absolute;
 top: 50%;
 right: 0;
 display: block;
 width:35px;
 height:50px;
 
   
background-image: url('/theme/new/img/vegas/right.png') !important;
background-size:30px;  
transform: translateY(-50%);
background-repeat: no-repeat;
    }

.slide-caption{
margin-top:130px;
position: absolute; 
left: 50%; 
transform: translateX(-50%);
/*background-image: url('/theme/basic/img/vegas/main_more2.png') !important;
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
*/
width:360px;
height:160px;
}

.slide-caption-text1{
font-size:20px;
font-weight:bold;
text-align:center;
color:#FFF;
text-shadow: -1px 0 #333, 0 1px  #333, 1px 0  #333, 0 -1px  #333;
}
.slide-caption-text2{
margin-top:114px;
margin-left:14px;
font-size:14px;
font-weight:bold;
color:#636363;
}

.slide-caption-text1-position3{
padding-left:1px;
}
.slide-caption-text1-position1 h1,.slide-caption-text1-position2 h1,.slide-caption-text1-position3 h1{
font-size:24px;
padding-left:0.2em;
word-break: keep-all;
}


.slide-caption-text1-position3 h1{
margin-top:114px;
line-height: 20px;
font-size:25px;
}
.slide-caption-text1-position1 p,.slide-caption-text1-position2 p,.slide-caption-text1-position3 p{
width:85%;
font-size:14px;
padding-left:0.2em;
}




#m01 > ul > li:nth-child(1) {
background-position: center bottom;
}
#m02 > ul > li:nth-child(1) {
background-position: center bottom;
}

#m03 > ul > li:nth-child(1) {
background-position: center bottom;
}


.slide-caption-sub{
width: 345px;
margin-top: 50px
}
.slide-caption-text_sub1,.slide-caption-text_sub2 {
    font-size: 20px;
}

#mpreviousbg {
    position: absolute;
    left: 0;
}
#mpreviousbg img {
    width:100%;
    text-align: center;
}

#mpreviousbg{


	height:100px;

 }
 
#mpreviousbg ul {
    max-width: 1000px;
}
#mpreviousbg ul li{
padding:10px;
width:25%;
text-align:center;
}
#mpreviousbg ul li a {
line-height: 90px;
    vertical-align: middle;
    font-size: 30px;
}
#mpreviousbg img.main_img_top_1{
padding-top:0px;
}
#mpreviousbg img.main_img_top_2{
padding-top:10px;
}


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