@media (min-width: 1200px) and (max-width: 1366px) {
body{
height:100%;
}
}
/*large screen 1170*/
@media (min-width: 1170px) and (max-width: 1199px) {
body{
height:100%;
}
.right-bottom-content ul li {
  font-size: 18px;
  line-height: 28px;
}
.hover-kor > a {
  font-size: 14px;
}
.owl-controls {
  bottom: 73%;
}
.top-single-text > p {
  padding: 10px 15px;
}

}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
body{
height:100%;
}
.right-bottom-content ul li {
  font-size: 18px;
  line-height: 28px;
}
.hover-kor > a {
  font-size: 14px;
}
.owl-controls {
  bottom: 73%;
}
.top-single-text > p {
  padding: 10px 15px;
}



}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
#mob-menu{
	display:none !important;
}
body{
height: 100% !important;
}
.mainbar h2{
font-family: sans-serif;
font-size:24px;
}
.mainbar h2 span {
font-style: italic;
}
.request-quote img {
  display: none;
}
.hover-main {
  margin-bottom: 40px;
  width: 100%;
}
.right-bottom-content ul li {
  font-size: 21px;
}
.right-bottom-content {
margin-bottom: 25px;
width: 100%;
}
.hover-kor > a {
  font-size: 15px;
  line-height: 24px;
  padding: 10px 15px;
}
.bottom-carousel-are {
  margin-top: 50px;
}
.owl-controls {
  top: 19%;
}
.right-bottom-content ul {
  padding-left: 70px;
}

}
 
/* small mobile :320px. */
@media (max-width: 767px) {
.container {width:300px}
.mainmenu{
	display:none;
}
body{
height:100%;
}
.logo {
  text-align: center;
}
.header-right {
  text-align: center;
}
.social > a {
  margin-left: 5px;
  margin-right: 5px;
}
.mainbar > h2 {
  font-size: 22px;
  line-height: 30px;
}
.mainbar h2 span {
  font-style: italic;
}
.smart-phone-layout .request-quote p a {
  border: 5px solid #fcff01;
  font-size: 25px;
  line-height: 32px;
  margin:0;
}
.request-quote img {
  display: none;
}
.bottom-carousel-are {
  margin-top: 0;
}
.hover-main {
  margin-bottom: 40px;
  width: 100%;
}
.right-bottom-content ul li {
  font-size: 21px;
}
.right-bottom-content {
margin-bottom: 25px;
width: 100%;
}
.modal-dialog {
  width: 265px;
}
.bottom-carousel {
  width: 264px;
}
.hover-kor > a {
  font-size: 20px;
  line-height: 24px;
  padding: 10px 15px;
  max-width:95%;
  margin:0 auto;
  
}
.right-bottom-content ul {
  padding-left: 35px;
}


/* smart phone screen */
.large-screen{
display:none;
}
.smart-phone-layout{
display:block;
}
.smart-phone-layout .top-single-text p {
float: left;
font-size: 10px;
margin-top: 15px;
width: 70%;
padding:4px 5px;
line-height: 17px;
font-weight:bold;
}
.smart-phone-layout .top-single-item {
  max-height: 232px;
}
.smart-phone-layout .top-single-text{
max-width:270px;
text-align:right;
right:0;
}
.smart-phone-layout .main-bar-area{
background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.smart-phone-layout .mainbar > h2 {
font-family: Avenir;
font-size: 18px;
line-height: 24px;
padding: 4px 0;
}
body::before {
  background: rgba(11, 28, 81, 0.5) none repeat scroll 0 0;
}
.smart-phone-layout .top-carousel .owl-controls .owl-buttons .owl-prev, .client-carousel .owl-controls .owl-buttons .owl-prev{
  background-size:60%;

}
.smart-phone-layout .top-carousel .owl-controls .owl-buttons .owl-next, .client-carousel .owl-controls .owl-buttons .owl-next {
background-size:60%;
}
.smart-phone-layout .owl-controls {
  top: 10%;
}
.smart-phone-layout .top-single-text {
  bottom: 80px;
}
.client-carousel .owl-controls .owl-buttons .owl-prev {
  left: -41px;
}
.client-carousel .owl-controls .owl-buttons .owl-next {
  right: -52px;
}
.smart-phone-layout .top-single-text a {
  margin-top: -6px;
}
.smart-phone-layout .right-bottom-content {
margin: 10px 0 10px;
}
.smart-phone-layout .main-bar-area{
margin-bottom:0;

}
.smart-phone-layout .main-content-area{
background: rgba(11, 28, 81, 0.6) none repeat scroll 0 0;
}
.popup-form-area {
  margin-left: -158px;
}
.popup-form-padd {
  max-width: 270px;
  min-width: 270px;
}

}
/* Large Mobile :480px. */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.mainmenu{
	display:none;
}
body{
height:100%;
}
.mainbar > h2 {
  font-size: 25px;
}
.modal-dialog {
  width: 350px;
}
.request-quote img {
  width: 12%;
  display:inline;
}
.bottom-carousel {
  width: 350px;
}
.right-bottom-content ul {
  padding-left: 110px;
}
.top-single-text{
max-width:100%;
text-align:right;
}

/* smart phone screen */
.large-screen{
display:none;
}
.smart-phone-layout{
display:block;
}
.smart-phone-layout .top-single-text {
    max-width: 450px;
}
.smart-phone-layout .top-single-text {
  bottom: 125px;
}
.smart-phone-layout .top-single-text p {
    width: 77%;
    font-size: 16px;
}
.smart-phone-layout .hover-kor > a {
    font-size: 19px;
    max-width: 100%;
}
.smart-phone-layout .top-single-item {
  max-height: 342px;
}
.smart-phone-layout .top-single-text p{
line-height:21px;
}
.smart-phone-layout .mainbar > h2 {
  font-size: 25px;
  line-height: 28px;
}
.smart-phone-layout .request-quote p a {
  margin: 0 10px;
}
.popup-form-area {
  margin-left: -186px;
}
.popup-form-padd {
  max-width: 320px;
  min-width: 320px;
}

 
}