@charset "utf-8";
/* TOPBAR01 */
.topbar01{background:#272727; height:20px; margin-bottom:2px;}

/* TOPBAR02 */
.topbar02{background:#ccc; height:1px;}

/* WRAP01 */
.wrap01{padding:15px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:20px 15px;}
.wrap01 .col-sm-3 img{margin-top:7px;}
.wrap01 h1{text-align:center; font-size:24px; margin:0px; font-family:initial; line-height:50px; margin-top:-110px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-4{text-align:right;}
.wrap01 .col-sm-4 img{float:left; height:50px;}

/* NAVBAR */
.navbar-default{background:none; border:none;}
.navbar-default .navbar-collapse{ background:#EE2E24;}
.navbar-default .navbar-nav > li{border-right:1px solid #fff;}
.navbar-default .navbar-nav > li:last-child{border-right:none;}
.navbar-default .navbar-nav > li > a{color: #fff !important; font-size: 16px; letter-spacing: 0.5px; padding:15px 30px; 
 transition:all 0.2s ease-in-out;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{position: absolute; top:100%; left:0px; width: 215px; background: #fb6159; padding:5px 5px; z-index:999; display:none; 
 border-top:1px solid #fff;}
.drop01 ul{padding-left:0px;}
.drop01 ul li{list-style:none; border-bottom:1px solid #fff; letter-spacing:0.5px;}
.drop01 ul li:last-child{border-bottom:none;}
.drop01 ul li a{display:block; text-decoration:none; padding:10px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.drop01 ul li:hover a{background:#B9383A;}
.drop02 ul li a span{font-size:13px; top:1px; left:-3px; transition:all 0.1s ease-in-out;}
.drop01 ul li a:hover span{left:0px;}

.drop02{position: absolute; top:100%; left:0px; width:560px; background: #fb6159; padding:5px 5px; z-index:999; display:none;
 border-top:1px solid #fff;}
.drop02 ul{padding-left:0px;}
.drop02 ul li{list-style:none; border-bottom:1px solid #fff; letter-spacing:0.5px;}
.drop02 ul li:last-child{border-bottom:none;}
.drop02 ul li a{display:block; text-decoration:none; padding:10px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.drop02 ul li:hover a{background:#B9383A;}
.drop02 ul li a span{font-size:13px; top:1px; left:-3px; transition:all 0.1s ease-in-out;}
.drop02 ul li a:hover span{left:0px;}

.drop03{position: absolute; top:100%; left:0px; width: 525px; background: #fb6159; padding:5px 5px; z-index:999; display:none;
 border-top:1px solid #fff;}
.drop03 ul{padding-left:0px;}
.drop03 ul li{list-style:none; border-bottom:1px solid #fff; letter-spacing:0.5px;}
.drop03 ul li:last-child{border-bottom:none;}
.drop03 ul li a{display:block; text-decoration:none; padding:10px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.drop03 ul li:hover a{background:#B9383A;}
.drop02 ul li a span{font-size:13px; top:1px; left:-3px; transition:all 0.1s ease-in-out;}
.drop03 ul li a:hover span{left:0px;}

.drop04{position:absolute; top:100%; left:0px; width:250px; background:#fb6159; padding:5px 5px; z-index:999; display:none; 
 border-top:1px solid #fff;}
.drop04 ul{padding-left:0px;}
.drop04 ul li{list-style:none; border-bottom:1px solid #fff; letter-spacing:0.5px;}
.drop04 ul li:last-child{border-bottom:none;}
.drop04 ul li a{display:block; text-decoration:none; padding:10px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.drop04 ul li:hover a{background:#B9383A;}
.drop02 ul li a span{font-size:13px; top:1px; left:-3px; transition:all 0.1s ease-in-out;}
.drop04 ul li a:hover span{left:0px;}

.drop05{position:absolute; top:100%; left:0px; width:165px; background:#fb6159; padding:5px 5px; z-index:999; display:none;
 border-top:1px solid #fff;}
.drop05 ul{padding-left:0px;}
.drop05 ul li{list-style:none; border-bottom:1px solid #fff; letter-spacing:0.5px;}
.drop05 ul li:last-child{border-bottom:none;}
.drop05 ul li a{display:block; text-decoration:none; padding:10px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.drop05 ul li:hover a{background:#B9383A;}
.drop02 ul li a span{font-size:13px; top:1px; left:-3px; transition:all 0.1s ease-in-out;}
.drop05 ul li a:hover span{left:0px;}

/* WRAP02 */
.wrap02{}
.wrap02 .rslides{padding-left:0px; position:relative;}
.wrap02 .rslides_tabs{position:absolute; top:87%; z-index:999; left:41%;}
.wrap02 .rslides img{display:block; width:100%; height:302px; float:left; width:100%; border:0;}
.wrap02 .rslides_tabs li{display:inline; float:none; margin-right:5px; width:10px; height:10px;}
.wrap02 .rslides_tabs a{padding:0px 4px; height: auto; background:#fff; display:inline; border-radius:50%; color:#fff;}
.wrap02 .rslides_tabs .rslides_here a{background:#168767; color:#168767;}

.wrap02 .w02_right{background:#58AFDB; padding:20px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03{}
.wrap03 .w03_cover{border:2px solid #E4E1E1; padding:20px 20px 0px 20px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:0px;}
.wrap03 p{ text-align:justify; letter-spacing:0.5px; line-height:22px;}
.wrap03 h4{font-size: 20px; letter-spacing: 1px; color:#fff; margin-top:0px; border-left:3px solid #FF0C00; background:#F24138; padding:8px 10px;}
.wrap03 .col-sm-5 img{margin-top:0px; height:165px;}
.wrap03 .button{border-radius: 4px; background-color: #58AFDB; border: none; color: #FFFFFF !important; text-align: center; font-size:18px; 
 padding:8px 10px; width: 140px; transition: all 0.5s; display:block; margin-bottom:25px;}
.wrap03 .button span{cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.wrap03 .button span:after{content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.wrap03 .button:hover span{padding-right: 25px;}
.wrap03 .button:hover span:after{opacity: 1; right: 0;}
.wrap03 hr{margin-top:0px;}

/*WRAP04*/
.wrap04{margin-top:30px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:0px;}
.wrap04 .left01{width:100%; height:200px; overflow:hidden; position:relative;}
.wrap04 .left01 img{width:100%; height:200px; transition:all 0.3s ease-in-out;-webkit-filter:opacity(0.85);}
.wrap04 .left01 img:hover{ transform:scale(1.1);}
.wrap04 .left01 h5{position:absolute; bottom:0px; left:0px; color:#fff; letter-spacing:0.5px; background:#333; margin:0px; font-size: 22px;
 padding: 8px 10px;}


.wrap04 #pd_left{padding-left:0px;}
.wrap04 .right01{width:100%; height:200px; background:#F3F1F1; padding:13px 20px;}
.wrap04 .right01 h3{margin-top:0px; letter-spacing:0.5px;}
.wrap04 .right01 a{text-decoration:none; color:#fff; background:#EE2E24; display:inline-block; padding:5px 8px; border-radius:5px;
 margin-bottom:5px;font-size:11px;}
.wrap04 .right01 a:hover{background:#F24138;}
/*.wrap04 .right01 a.btn{background:#FC1707; color:#fff; border-radius:0px; letter-spacing:0.5px; transition:all 0.3s ease-in-out;}
.wrap04 .right01 a.btn:hover{background:#123A95;} 
.wrap04 .right01 p{letter-spacing: 0.5px; line-height: 22px;}*/

/* SUBMENU */
.sub_menu{}
.sub_menu .menu_cover{border:2px solid #E4E1E1; padding:10px;}
.sub_menu ul.breadcrumb{padding:0px 0px; margin-bottom:0px;}
.sub_menu ul li a{text-decoration:none; color:#333; letter-spacing:0.5px;}
.sub_menu ul li.active_li{color:#F24138;}

/* COMMON01 */
.common01{}
.common01 h2{color:#58AFDB; letter-spacing:1px; font-size:24px; margin-bottom:5px;}
.common01 p{letter-spacing: 0.6px; line-height: 22px; text-align: justify;}
.common01 .col-sm-9 h5{font-weight:600; letter-spacing:0.5px;}

/* COMMON RIGHTSIDE */
.common01 .cmn_right01 ul{padding-left:0px; background:#f0efef;}
.common01 .cmn_right01 ul li{list-style:none;}
.common01 .cmn_right01 ul li a{text-decoration:none; color:#333; display: block; padding: 12px 5px; background: #f0efef; 
 border-bottom: 1px solid #e7dede; letter-spacing:0.5px;}
.common01 .cmn_right01 ul li a span{color:#F24138; top:2px; transition:all 0.2s ease-in-out;} 
.common01 .cmn_right01 ul li a:hover span{left:4px;}
.common01 .cmn_right01 ul ul li a{margin-left:10px;}

.common01 .cmn_right02 form{background:#F0EFEF; padding:15px;}
.common01 .cmn_right02 p{margin-bottom:2px;}
.common01 .cmn_right02 input{width:100%; padding:10px; border-radius:5px; margin-bottom:8px; border:1px solid #e7dede; background:#fff;}
.common01 .cmn_right02 input:focus{box-shadow: 1px 0px 4px 0px #58AFDB;}
.common01 .cmn_right02 textarea{width:100%; height: 80px; padding:6px; border-radius:5px; margin-bottom:8px; border:1px solid #e7dede;
 background:#fff;}
.common01 .cmn_right02 textarea:focus{box-shadow: 1px 0px 4px 0px #58AFDB;}
.common01 .cmn_right02 input[type="submit"]{width:120px; background:#F24138; letter-spacing:0.3px; color:#fff; border:2px solid #F24138; 
 font-weight:600; font-size:15px; transition:all 0.2s ease-in-out;}
.common01 .cmn_right02 input[type="submit"]:hover{background:#fff; color:#F24138; border:2px solid #F24138;}

/* ABOUT */
.common01 .about01{}
.common01 .about01 h4{letter-spacing:1px; padding-bottom:10px; color:#F24138;}
.common01 .about01 h4 span{border-bottom:2px solid #F24138; padding-bottom:5px;}
.common01 .about01 p span{color:#58AFDB;} 

/* SERVICES */
.common01 .services01 h4{letter-spacing:1px; position:relative; background:#F0EFEF; padding:10px;}
.common01 .services01 h4 a{text-decoration:none; color:#58AFDB; transition:all 0.1s ease-in-out;}
.common01 .services01 h4:hover a{color:#333;}
.common01 .services01 h4 a span{color:#F24138; position:absolute; right:10px; top:10px;}
.common01 .services01 ul{padding-left:0px;}
.common01 .services01 ul li{list-style:none; letter-spacing: 0.5px; line-height: 26px;}
.common01 .services01 ul li span{color:#58AFDB; top:2px;}
.common01 .services01 h5{font-weight:600; letter-spacing:0.5px;}
.common01 .services01 .col-sm-4 img{width:100%; margin:auto; margin-bottom:15px; border-radius:10px; padding:5px; border: 2px solid #EE2E24;}

/* PORTFOLIO */
.common01 .portfolio01{}
.common01 .portfolio01 .mask01{width:100%; height:260px; overflow:hidden; position:relative; margin-bottom:25px;}
.common01 .portfolio01 .mask01 img{width:100%; height:260px;}
.common01 .portfolio01 .mask01 .hide01{width:100%; height:0px; position:absolute; top:0px; left:0px; background:rgba(238, 46, 36, 0.80); 
 transition:all 0.3s ease-in-out; z-index:99; text-align:center; color:#fff;}
.common01 .portfolio01 .mask01 .hide01 h4{margin:-10px; line-height:0px; transition:0.5s ease-in-out;}
.common01 .portfolio01 .mask01:hover .hide01{height:260px;}
.common01 .portfolio01 .mask01:hover h4{line-height:260px;}

/* CONTACT */
.common01 .contact01{margin-bottom:15px;}
.common01 .contact01 span{color: #F24138; font-size: 25px; padding-top:15px;}

.common01 .contact02{}
.common01 .contact02 input{width:100%; padding:15px; border-radius:5px; margin-bottom:15px; border:1px solid #e7dede; background:#fff;}
.common01 .contact02 input:focus{box-shadow: 1px 0px 4px 0px #58AFDB;}
.common01 .contact02 textarea{width:100%; height:200px; padding:15px; border-radius:5px; margin-bottom:15px; border:1px solid #e7dede; 
 background:#fff;}
.common01 .contact02 textarea:focus{box-shadow: 1px 0px 4px 0px #58AFDB;}
.common01 .contact02 input[type="submit"]{width:200px; background:#F24138; letter-spacing:0.3px; color:#fff; border:2px solid #F24138; 
 font-weight:600; font-size:15px; transition:all 0.2s ease-in-out;}
.common01 .contact02 input[type="submit"]:hover{background:#fff; color:#F24138; border:2px solid #F24138;} 

/* SCROLL TOP BUTTON */
.scrollToTop00{width:50px; height:50px; line-height:50px; font-size:18px; text-align:center; background:#EE2E24;
 border-radius:50%; position:fixed; bottom:140px; right:35px; z-index:999; color:#fff !important; display:none; transition:all 0.2s ease-in-out;}
.scrollToTop00:hover{background:#58AFDB;} 

/* FOOTER TOP*/
.footer_top{background:#1670b5; color:#fff; padding:20px 0px; margin-top:30px;} 
.footer_top h4{font-size:20px; letter-spacing:1px;}
.footer_top p{letter-spacing:0.5px; line-height:22px;}
.footer_top ul{padding-left:0px;}
.footer_top ul li{list-style:none; letter-spacing:0.5px; line-height:24px;}
.footer_top ul li a{text-decoration:none; color:#fff;}






/*------------RESPONSIVE-------------------*/
@media (max-width:1199px) and (min-width:992px){
.navbar-default .navbar-nav > li > a {color: #fff !important; font-size: 16px; letter-spacing: 0.5px; padding: 15px 18px;}	
.drop02{width:565px;}
.drop03{width:495px;}
.wrap01 .col-sm-4 img{height:30px; margin-top:10px;}	
.wrap02 .w02_right{padding:21px;}
.wrap02 .w02_right h4{font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.wrap02 .w02_right p{line-height:18px;}

.wrap04 .left01{height:255px;}
.wrap04 .left01 h5{font-size:20px; width:100%;}
.wrap04 .left01 img{height:217px;}
.wrap04 .right01{height: 255px;}
}

@media (max-width:991px) and (min-width:769px){
.navbar-default .navbar-nav > li > a {color: #fff !important; font-size: 15px; letter-spacing: 0.5px; padding: 15px 10px;}	
.drop02{width:500px;}
.drop03{width:363px;}
.wrap01 .col-sm-4 img{height:30px; margin-top:10px;}	
.wrap02 .w02_right{padding:10px;}
.wrap02 .w02_right h4{font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.wrap02 .w02_right p{line-height:18px;}

.wrap04 .left01{height:285px;}
.wrap04 .left01 h5{font-size:20px; width:100%;}
.wrap04 .left01 img{height:247px;}
.wrap04 .right01{height: 285px;}
}

@media (max-width:768px) and (min-width:768px){
.navbar-default .navbar-nav > li > a {color: #fff !important; font-size: 15px; letter-spacing: 0.5px; padding: 15px 10px;}	
.drop02{width:500px;}
.drop03{width:363px;}
.wrap01 .col-sm-4 img{height:30px; margin-top:10px;}	
.wrap02 .w02_right{padding:10px;}
.wrap02 .w02_right h4{font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.wrap02 .w02_right p{line-height:18px;}

.wrap04 .left01{height:285px;}
.wrap04 .left01 h5{font-size:20px; width:100%;}
.wrap04 .left01 img{height:247px;}
.wrap04 .right01{height: 285px;}
}

@media (max-width:767px) and (min-width:641px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:300px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:250px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}
.wrap04 .left01{height:250px;}
.wrap04 .left01 img{height:250px;}

/* COMMON01 */
.common01 .cmn_right02 textarea{height:100px;}
.common01 .portfolio01 .mask01{height: 300px;}
.common01 .portfolio01 .mask01 img{height: 300px;}
.common01 .portfolio01 .mask01:hover .hide01{height:300px;}
.common01 .portfolio01 .mask01:hover .hide01 h4{line-height:300px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}

@media (max-width:640px) and (min-width:581px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:300px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:250px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}
.wrap04 .left01{height:250px;}
.wrap04 .left01 img{height:250px;}

/* COMMON01 */
.common01 .cmn_right02 textarea{height:100px;}
.common01 .portfolio01 .mask01{height: 300px;}
.common01 .portfolio01 .mask01 img{height: 300px;}
.common01 .portfolio01 .mask01:hover .hide01{height:300px;}
.common01 .portfolio01 .mask01:hover .hide01 h4{line-height:300px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}

@media (max-width:580px) and (min-width:481px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:300px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:250px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}
.wrap04 .left01{height:250px;}
.wrap04 .left01 img{height:250px;}

/* COMMON01 */
.common01 .cmn_right02 textarea{height:100px;}
.common01 .portfolio01 .mask01{height: 300px;}
.common01 .portfolio01 .mask01 img{height: 300px;}
.common01 .portfolio01 .mask01:hover .hide01{height:300px;}
.common01 .portfolio01 .mask01:hover .hide01 h4{line-height:300px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}

@media (max-width:480px) and (min-width:361px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:300px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:250px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}
.wrap04 .left01{height:250px;}
.wrap04 .left01 img{height:250px;}

/* COMMON01 */
.common01 .cmn_right02 textarea{height:100px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}

@media (max-width:360px) and (min-width:321px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:250px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:200px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}

.common01 .cmn_right02 textarea{height:100px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{width:45px; height:45px; line-height:45px; bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}

@media (max-width:320px){
/* WRAP01 */
.wrap01{padding:15px 0px 8px 0px;}
.wrap01 .cover01{box-shadow:0px 0px 10px 2px #ccc; padding:40px 0px;}
.wrap01 h1{margin-top:-175px;}
.wrap01 h1 span{top:4px; color:#EE2E24;}
.wrap01 .col-sm-3 img{margin:auto; margin-top: -25px;}
.wrap01 .col-sm-4 img{display:none;}

/* NAVBAR */
.navbar-default{margin-bottom:3px;}
.navbar-default .navbar-nav > li{border-right:0px solid #fff;}
.navbar-default .navbar-nav > li > a{font-size: 18px; letter-spacing: 1px; padding:15px 15px; border-bottom:1px solid #fff;}
.navbar-default .navbar-nav > li > a:hover{color:#333 !important;}

.drop01{left:40px; width: 215px;}
.drop02{left:40px; width:260px;}
.drop03{left:40px; width: 260px;}
.drop03 ul li:last-child{border-bottom:1px solid #fff;}
.drop04{left:40px; width:230px;}
.drop05{left:40px; width:165px;}

/* WRAP02 */
.wrap02 .rslides{margin-bottom:25px;}
.wrap02 .rslides img{height:250px;}

.wrap02 .w02_right{background:#58AFDB; padding:15px; color:#fff;}
.wrap02 .w02_right h4{letter-spacing:0.5px;}
.wrap02 .w02_right p{letter-spacing:0.5px; line-height:22px;}

/* WRAP03 */
.wrap03 .w03_cover{border:0px solid #E4E1E1; padding:0px 0px 0px 0px; border-radius:10px; margin-top:30px;}
.wrap03 .col-sm-7{padding-right:15px;}
.wrap03 .col-sm-5 img{height:200px; width: 100%; margin-bottom: 20px;}

/* WRAP04 */
.wrap04{margin-top:0px;}
.wrap04 .col-sm-6{margin-bottom:15px;}
.wrap04 #pd_right{padding-right:15px;}
.wrap04 #pd_left{padding-left:15px;}

.common01 .cmn_right02 textarea{height:100px;}

/* SCROLL TOP BUTTON */
.scrollToTop00{width:45px; height:45px; line-height:45px; bottom:50px; right:15px;}

/* FOOTER TOP */
.footer_top{margin-top:20px;}
.footer_top h4{font-size:22px; font-weight:600;}
.footer_top p{letter-spacing: 0px; line-height: 22px; font-size: 16px; text-align: justify;}
.footer_top ul li{line-height:26px;}
.footer_top ul li a{font-size:16px; letter-spacing:0.5px;}

}