/*--------- Medium devices -----------*/
@media (min-width: 992px) and (max-width: 1200px) {
.portfolio-caption { padding: 30px 100px 30px 30px; }
.slider-content h2 { font-size: 43px; }
.portfolio-full .portfolio-item { width: 33.33%; }
.basic-menu li { float: left; margin-left: 20px; }
}

 
/*--------- TSmall devices Tablets ------------*/
@media (min-width: 768px) and (max-width: 991px) {
.sm-100 { width: 100% }
.basic-menu li { margin-left: 30px; }
.portfolio-grid-4 .portfolio-item { width: 33.33%; }
.portfolio-mosaic .portfolio-item { width: 50%; }
.about-text { margin-bottom: 60px; margin-top: 0; }
.portfolio-view-btn { margin-bottom: 30px; }
.portfolio-item { width: 50%; }
.portfolio-full .portfolio-item { width: 50%; }
.logo h4 { font-size: 16px; }
.basic-menu li { margin-left: 16px; }
.logo img { height: 60px; margin-top: 8px; }
.basic-menu li { float: left; margin-left: 20px; }
.basic-service-area { padding-top: 40px !important; }
}

 
/*------------ Extra small devices ------------*/
@media (max-width: 767px) {
.basic-menu li { margin-left: 0; }
.basic-menu > li > a::before { display: none; }
.slide-1 { background-size: cover }
.portfolio-item { width: 100%; }
.area-title { width: 100%; }
.call-to-action { text-align: left; }
.hamburger { display: none; }
.hamburger-menu { display: none; }
.sticky .mean-container a.meanmenu-reveal { margin-top: -46px; }
.copyright { margin-bottom: 10px; text-align: center; }
.footer-menu { text-align: center; }
.portfolio-grid-2 .portfolio-item { width: 100%; }
.portfolio-grid-4 .portfolio-item { width: 100%; }
.portfolio-mosaic .portfolio-item { width: 100%; }
.about-text { margin-bottom: 60px; margin-top: 0; }
.counter-box { width: 50%; }
.pagination > li { margin-bottom: 5px; }
.comment-reply { margin-left: 0; }
.portfolio-view-btn { margin-bottom: 30px; }
.header-transparent .mean-container a.meanmenu-reveal { border: 1px solid #fff; }
.header-transparent .mean-container a.meanmenu-reveal span { background: #fff none repeat scroll 0 0; }
.slider-screen { height: 70vh; }
.slide-3 { background: rgba(0, 0, 0, 0) url("img/slider/sss.jpg") repeat scroll center center / cover; }
.portfolio-full .portfolio-item { width: 100%; }
.counter-box { margin-bottom: 30px; }
.slider-content h2 { font-size: 35px; }
.slider-content.hero-text span { display: none; }
.portfolio-caption { padding: 30px 60px 30px 30px; }
.right-side { margin-top: 50px; }
.logo h4 { font-size: 16px; }
.logo img { height: 60px; }
.breadcrumb-2-area { background-size: auto 380px; padding: 135px 0 105px; }
.basic-service-area { padding-top: 40px !important; }
.service-icon { display: none; }
}
 
/*----------- Large Mobile -------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.portfolio-item { width: 50%; }
.portfolio-grid-2 .portfolio-item { width: 50%; }
.portfolio-grid-4 .portfolio-item { width: 50%; }
.portfolio-caption { padding: 30px 91px 30px 30px; }
.portfolio-full .portfolio-item { width: 100%; }
}