@media only screen and (min-width: 320px) and (max-width: 600px) {

    .owl-carousel .owl-item img {

        display: inline-block !important;

        width: 200px !important;

    }

    .home-achievements .item {

        height: 240px;

    }

    .achievements-inner {

        min-height: 226px;

        height: 226px !important;

    }

    #target{

        right: -80px;

    top: 34px;

    width: 280px;

    z-index: 99;

    }

}





@media only screen and (min-width: 320px) and (max-width: 480px) {

    .logo-top{left: -13px;}

    .navbar-area.sticky .logo-top{left: 0;}

    .hero-text {

        bottom: 27px;

        right: 8%;

        left: 8%;

    }

    .hero-text h3, .hero-text h2{font-size: 26px; line-height: 30px;}

    .hero-text p{padding: 10px 0 0 0;}

  

}





@media only screen and (min-width: 320px) and (max-width: 767px) {

    .sticky .login{

        left: inherit;

        right: 150px;

        top: -24px;

    }

    .login{top: -30px; left: inherit; right: 122px;}

    .nav-top i{padding: 0 2px;}

    .cart{right: 81px;}

    .container{width: 100%;}

    .home-achievements .item{height: 285px;}

    .achievements-inner{height: 277px;}

    .mission p{font-size: 15px; line-height: 22px; font-weight: 400;}

    .image-gallery img{width: 100%; padding: 0 5px;}

    .content-wrap {

        width: 49%;

        display: inline-block;

    }

    .image-gallery {

        display: block !important;

        padding: 0 0 25px;

    }

    .headinggallery a, .headinggallery1 a {

        padding-top: 0;

    }

    .headinggallery1, .headinggallery {

        padding-right: 7px;

    }

    .social-gallery div {

        width: 32%;

        display: inline-block;

    }

    .social-gallery div div{width: 100%;}

    .media-gallery a{display: block;}

    .footer-top-facebook{float: none;}

    .footer-top ul li a{float: none; padding: 0px 4px;

        font-size: 14px;}

    .footer-top{text-align: center;}

    .footer-top ul li {

        display: inline-block;

    }

    .footer-top ul li.footer-top-facebook {

        display: block;

        padding-top: 9px;

    }

    .chaos-modal-box iframe {

        width: 100%;

    }

    .carttable{padding: 0;}

    .carttextout {

        display: block !important;

    }

    .carttext{width: 100%;}

}





@media only screen and (min-width: 768px) and (max-width: 991px) {

    .sticky .login{

        left: inherit;

        right: 150px;

        top: -24px;

    }

    .login{top: -30px; left: inherit; right: 145px;}

    .hero-text {

        bottom: 40px;

    }

    .headinggallery a, .headinggallery1 a {

        padding-top: 0;

    }

    .image-gallery {

        display: block !important;

        padding: 0 0 25px;

    }

    .headinggallery a, .headinggallery1 a {

        padding-top: 0;

    }

    .headinggallery1, .headinggallery {

        padding-right: 7px;

    }

    .social-gallery div {

        width: 32%;

        display: inline-block;

    }

    .social-gallery div div{width: 100%;}

    .media-gallery a{display: block;}

    .social-gallery img {

        width: 100%;

        padding: 0 5px;

    }

    .chaos-modal-box iframe {

        width: 610px;

    }
    .newsinner{min-height: 640px;}

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .navbar {

        padding-left: 185px;

    }
    .mediasec img, .producton img, .gallerysec img {
        width: auto;
        height: 90px;
    }

    #cssmenu > ul > li > a{

        font-size: 14px;

        margin: 0 10px;

    }

    .newsinner{min-height: 540px;}

}

@media only screen and (min-width: 992px) and (max-width: 1450px) {

  

 

    .headinggallery a, .headinggallery1 a {

        padding-top: 0;

    }

    .headinggallery1, .headinggallery {

        padding-right: 7px;

    }

    .social-gallery div {

        width: 32%;

        display: inline-block;

    }

    .social-gallery div div{width: 100%;}

    .media-gallery a{display: block;}

    .social-gallery img {

        width: 100%;

        padding: 0 5px;

    }

    .chaos-modal-box iframe {

        width: 610px;

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
	
	.hero-area .single-slider .hero-image {
  position: relative;
  top: 0;
  height: 430px;
}
.hero-area .single-slider .hero-image img {
  width: 100%;
  position: relative;
  margin-top: -91px;
}
}