ok

Mini Shell

Direktori : /home/importfo/public_html/sunfurniture.co.in/assets/css/
Upload File :
Current File : //home/importfo/public_html/sunfurniture.co.in/assets/css/responsive.css

@media (max-width:1500px) {
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.grid figure figcaption {
padding:.5em;
}
figure.effect-bubba p {
padding:5px;
}
.effect-bubba figcaption {
text-transform:none
}
.grid figure figcaption {
padding:.5em;
}
}
@media (max-width:1400px) {
figure.effect-roxy figcaption {
padding: 1em!important;
text-align: left;
}
.grid figure figcaption {
padding: 0.5em!important
}
figure.effect-bubba p {
line-height:15px;
font-size:11px;
}
figure.effect-roxy p {
font-size:11px;
line-height:15px
}
}
@media (max-width:1199px) {
#section-service-1 h4 {
margin:0 0 20px;
padding:0;
}
.grid figure h2 {
font-size:18px;
}
.footer-div {
padding:50px 0
}
#section-about-us-2 h2 {
font-size:30px;
}
.info-div2 {
display:none!important
}
.info-div1 {
display:block!important
}
#section-service-1 p {

line-height:20px;
}
#section-service-1 h3 {
font-size:20px;
margin:5px 0 15px
}
#section-service-1 h4 {
font-size:20px;
margin:5px 0 15px
}
figure.effect-roxy p {
font-size:10px;
line-height:10px
}
#carousel-example-generic2 .glyphicon-chevron-right {
top: 18%;
}
#carousel-example-generic2 .glyphicon-chevron-left {
top: 18%;
}
.arrow-3 .carousel-control {
top:18%;
}
figure.effect-oscar h2 {
font-size:18px!important;
margin:0 0 5px 0
}
figure.effect-oscar p {
font-size:12px!important;
line-height:15px
}
#section-about p {
font-size: 13px;
line-height: 25px;
}
#section-about h3 {
font-size:20px;
}
.footer-div .col-md-4 p { line-height:25px}
.footer-div .widget_recent_post li {line-height:23px;}
}
@media (max-width:1024px) {

.about-css h3 a {
font-size:18px!important;
}
.blog-left-grid h4 {
font-size:14px!important;
}
figure.effect-roxy figcaption p {
display:none
}
figure.effect-oscar figcaption {
padding:0!important;
}
.bg-image {
padding:75px 0
}


.text-detail p {
font-size:14px;
}
}



@media (max-width:991px) {
.div4 { display:block!important}
.home-block p {font-size:13px;}
.home-block h3 {margin: 15px 0 2px;}

.fr{ float:none!important}


.project-info h2 {
margin:20px 0 15px 0
}
.modal-body p {
margin: 20px 0 0;
}
.imghvr-hinge-up figcaption h3 {
font-size:18px;
margin:0 0 10px 0;
padding:0;
line-height:inherit
}
.arrow-3 .carousel-control {
top: 12%;
}
.div-n1 {
display:none
}
.div-n2 {
display:block
}
#section-service-1 p {

line-height:20px;
}
#section-service-1 h3 {
font-size:18px;
margin:20px 0 15px
}
#section-service-1 h4 {
font-size:18px;
margin:0 0 15px
}
.btn-line {
margin: 8px 0 25px;
}
.link-text {
margin:0 0 20px 0
}
.list2 li {
width:177px;
}
.list3 li {
width:177px!important
}
#services-list li a {
font-size:15px;
}
.list2 #services-list li {
margin-bottom:10px;
}
#project-single-area .project-info h3 {
margin:45px 0 0 0;
padding:0 0 27px 0
}
.navbar-default .nav li a {
padding-left: 10px;
padding-right: 13px;
font-size:12px;
}
.navbar-brand > img {
display: block;
width:179px;
}
.navbar-default .navbar-brand {
margin:-8px 0 0 0;
}
.div-1 {
display:block;
}
.div-2 {
display:none;
}
.div-1 .col-md-6 {
}
.grid figure p {
line-height:normal;
letter-spacing:normal;
font-size:10px;
}
figare.effect-bubba h2 {
padding-top:10%;
}
figure.effect-oscar h2 {
padding-top:10%;
}
.grid figure p {
line-height:normal;
letter-spacing:normal;
font-size:11px;
}
figare.effect-oscar h2 {
padding-top:10%;
}
.grid figure h2 {
font-size:18px;
}
figure.effect-oscar figcaption {
padding: .5em!important;
}
figure.effect-oscar p {
line-height:15px!important;

}
figure.effect-oscar h2 {
padding-top:1%!important;
}
figure.effect-roxy h2 {
text-align:center
}
#section-about h3 {
font-size:18px;
}
#section-about h3 .id-color {
margin:0;
}
#section-about .grid figure {
margin:0;
}
figure.effect-roxy figcaption {
padding:.5em!important;
}
#section-what h3 {
font-size:17px;
margin:10px 0 5px 0!important;
padding:0;
}
.grid figure h2 {
font-size:18px!important;
}
figure.effect-roxy figcaption p {
display:none
}


#section-about-us-2 h2 {
font-size:25px;
}
.custom-quote {
padding:15px
}
.custom-quote p {
line-height:18px;
}


.view a.info { margin:0}

.logo-small {
width:80%
}
.panel-title {
font-size:13px!important;
}
#services-list li a {
padding:10px;
}
.img-holder h3 {
font-size:20px;
margin:10px 0 0 0;
}
.project-single-v1-area .related-project-items {
padding-top:50px;
}
.pic-services img {
margin-bottom: 20px;
}
.footer-div {
padding:40px 0
}
#view-all-projects, #call-to-action {
padding:30px 0
}
.blog-2 h3 {
font-size:23px;
}
.blog-left-grid h4 {
font-size:15px;
}
.date-div br {
display:none
}
.about-css h3 a {
color: #fff;
font-size:20px;
}
.faq-content-area h1 {
font-size:25px;
}
.accordion-box {
padding: 0 0 20px;
}
.service h2 {
margin:20px 0 0px 0;
padding:0;
font-size:25px;
}
.btn-line, a.btn-line {
padding:5px 30px
}
.blog-2 p {
line-height:20px;
}
.carousel-caption h2 {
font-size:60px;
}
.footer {
font-size:12px;
}

.footer-div {
font-size:12px;
line-height:18px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:20px;
height:20px;
margin-top:-15px;
}
.carousel-caption p {
font-size: 14px;
line-height:18px;
margin: 0 0 5%;
}
.carousel-caption hr {
margin:18px auto
}
.banner-bt {
margin:3% 0 0 0;
display:inline-block
}
.text-detail h3 {
margin:20px 0 0 0
}
address span {
display: block;
font-weight: 300;
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 20px;}

.footer-div .col-md-4 p {
line-height: 30px;
}


#section-about h2 {
margin: 0 0 15px 0;
font-size: 24px;
}



.content4 {
padding:60px 0 40px 0!important;
width: 100%;
}

.separator {
line-height: 0.5;
text-align: center;
margin:25px 0 62px 0
}


}
@media (max-width:768px) {
.modal-header .close {
margin-top: 5px;
right: 10px;
}


#section-about .grid figure {
margin:0;
}
.link-text {
margin:0 0 20px 0
}
#map {
height: 340px;
}

.info {
margin:15px 0 0 0
}
figure.effect-ming p {
line-height:16px;
}
}

@media (max-width:767px) {
.div-right { float:none} 
#section-portfolio { padding:40px 0 0 0}

.blog-t {
margin-top:30px!important;
}

.blog-left-grid p {
font-size: 14px;
line-height:25px;
}

#section-testimonial h2 { font-size:25px;}
.col2 {
left:13px!important;
}
.carousel-caption p {
font-size: 14px;
line-height:18px;
margin: 0 0 5%;
}
.carousel-caption hr {
margin:18px auto
}
.arrow-3 .carousel-control {
top:33%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
width:30px;
height:30px;
margin-top:-15px;
font-size:40px
}
#carousel-example-generic2 .glyphicon-chevron-right {
top:36%;
}
#carousel-example-generic2 .glyphicon-chevron-left {
top:36%;
}
#section-service-1 h3 {
margin:20px 0 15px
}
#section-service-1 h4 {
margin:20px 0 15px
}
.carousel-indicators {
bottom:-10px
}
.panel-title {
font-size:14px!important;
}
#section-about-us-2 .image-container {
height:300px!important;
}
.inner-padding {
padding:50px 0!important;
}
#view-all-projects, #call-to-action {
padding: 30px 0;
}
.footer-c {
text-align:center!important;
margin:0 0 5px 0;
}
.footer {
padding: 15px 0;
}
.footer-div {
padding:30px 0;
}
.side-bg .image-container {
padding:20px 0;
}

.logo-small {
width:auto; margin:0 0 15px 0
}
#section-service-1 p {
height:auto;

}
.date-div {
font-size: 20px !important;
}
.read-home {
margin:0 0 30px 0
}
.bg-image {
padding:40px 0
}
.slider-n {
display:none
}
.carousel-caption h2 {
font-size:60px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height:15px;
}
.modal-header .close {
margin-top: 12px;
right: 10px;
}
#section-about h3 {
font-size: 18px;
margin: 30px 0 10px 0;
}
.footer-div .widget h3 {
margin:0 0 10px 0;
padding:0
}
.footer-div h3, .de_light .footer-div h3 {
margin:20px 0 10px 0;
padding:0
}
.navbar-nav > li > a {
padding-bottom: 3px;
padding-top: 3px;
}
#services-list li a {
font-size:12px;
}
.list2 li {
width:auto;
}
.imghvr-hinge-up figcaption h3 {
font-size:14px;
margin:0 0 10px 0;
padding:0;
line-height:18px;
}
.re-new {
margin:0 0 20px 0
}
#section-about h2 {
margin:0
}
#filters li span {padding:8px 11px!important; font-size:14px;}

#section-about h2 {
margin:30px 0 10px 0;
padding: 0;
font-size: 23px;
}

.mb2 { margin:0 0 25px 0}
#section-about p { margin:0 0 10px 0; font-size:14px!important}

.contact h3 {padding:20px 0 0 0}
#contact_form textarea {height:100px!important}

#section-about {padding:40px 0 40px 0;}
.separator {margin: 25px 0 20px 0;}
.event {padding:40px 0 40px 0;}
#section-testimonial {padding:40px 0 40px 0;}
#section-what h2 {margin:40px 0 0 0;}
#section-what {padding:0 0 40px 0}
#content {padding:40px 0 40px 0;}
#project-single-area .project-info h3 {margin: 20px 0 0 0; padding: 0 0 15px 0;}
.project-single-v1-area {padding:40px 0 40px 0;}
#project-single-area .project-info .project-info-list { margin:14px 30px 0 0; width:100%;}

}

@media (max-width:480px) {

.modal-body {
padding: 20px;
position: relative;
}
.close {
color: #000;
float: right;
font-size: 30px;
line-height: 1;
position: absolute;
right: 4px;
top: -3px;
z-index: 9999;
}

.footer-div .col-xs-6 .text-center { text-align:center}



.arrow-2 .carousel-control {
top: 40%;
}

.tp-parallax-wrap {
left:15px!important;
}
.tp-loop-wrap {
left:15px!important;
}
.tp-mask-wrap {
left:15px!important;
}
.arrow-3 .carousel-control {
top:27%;
}
.carousel-caption h2 {
font-size:35px;
}
.banner-bt {
padding:8px 10px
}
.projects-gallery {
padding:20px 0 20px
}
#sidebar {
margin:0 0 20px 0
}
.service p {
margin:0 0 10px 0; font-size: 14px;
line-height: 24px;
}
#filters li span {
padding:5px 12px;
}
#subheader .crumb {
margin-top:80px!important;
}
#subheader h1 {
margin-top: 15px;
margin-right:0;
padding-right:0;
letter-spacing:0;
font-size:30px;
}
#subheader {
padding: 30px 0;
}
.close {
}
#subheader {
padding: 30px 0 50px;
}
.inner-padding {
padding:10px 0!important;
}
#services-list li {
width: 48%;
}
#services-list li a {
padding:7px;
}
.list2 li {
width: 48%;
}
#services-list li {
font-size:9px!important;
margin:0 0 7px 0
}
#subheader .crumb {
font-size:9px!important;
}
.crumb {
line-height:18px;
}
p {
font-size: 13px;
}
.footer-div {
font-size:13px;
}
.not-found-content h3 {
font-size:20px;
}
.not-found-content h1 {
font-size:80px;
}
.not-found-content p {
font-size:12px
}
.h2, h2 {
font-size: 24px;
}
.h1, h1 {
font-size:30px;
}
p.lead, p.intro {
font-size:12px;
}
.view a.info {
margin:10px 0 0 0
}
.view h2 {
margin:10px 0 0!important;
font-size:15px!important;
padding:5px!important
}
.view a.info {
font-size:10px!important;
padding:5px!important
}
.carousel-control.right {
right:0;
}
.carousel-control {
left:0;
}
#section-about-us-2 {
padding:30px 0;
}
#subheader h1 {
font-size: 16px;
	    color: #f8f9fa;
}
.h3, h3 {
font-size: 21px;
margin:0;
padding:0;
}
.separator span::before, .separator span::after {
width:120px;
}
.grid figure figcaption {
padding:0.5em!important;
}
.navbar-nav > li > a {
padding-bottom: 5px;
padding-top: 5px;
}
.dropdown-menu > li > a {
padding:8px 20px !important
}


.not-found-area {
padding-bottom:50px;
padding-top:50px;
}
#filters li span {
padding:5px 10px!important
}
.img-holder h3 {
font-size:15px!important
}
.map-container iframe {
height:150px!important
}
.map-container object {
height:150px!important
}
.posts-right p {
line-height:15px!important;
}
.about-css p {
line-height:inherit
}
#filters li {
width:30%;
}
.carousel-caption {
top:30%;
}
.footer-div .col-xs-6 {width:100%;}
.footer-div .col-xs-12 {
width:100%;

}
.footer-div .widget h3 {
border-bottom: dashed 1px #454648;
border-top: dashed 1px #454648;
padding:10px 0; margin:40px 0 10px 0
}
.footer-div h3 {
border-bottom: dashed 1px #454648;
border-top: dashed 1px #454648;
padding:10px 0; margin:50px 0 10px 0
}
.footer-div {
padding:30px 0 0 0;
}
.footer-div .col-md-4 p {
line-height: 21px; margin:0;
}

.not-found-content p {margin: 0 0 12px;}
.subscribe-form input[type="email"] {font-size:15px!important;}

.content3 {
padding:40px 0 28px 0!important;
width: 100%;
}

.content2 {
padding: 40px 0 28px 0!important;
width: 100%;
}

#sidebar {
margin: 0 0 10px 0;
}

}
@media (max-width:479px) {


footer p, footer .footer-link ul li a, footer .footer-service ul li a, footer .footer-address ul li { font-size:13px;}

#banner h5 { display:none!important}
#banner a.service-button { margin:-240px 0 0 0!important}
#banner a.quote-button { margin:-240px 0 0 0!important}

#banner a.service-button {
color: #18191b;
font-size: 13px;
width: 120px;
line-height: 45px;
}

#banner a.quote-button {font-size: 13px;width: 120px;line-height: 45px;}
.tp-mask-wrap { top:0!important}

figure.effect-oscar figcaption::before {
border:0
}
#subheader .crumb {
margin-top:10px!important;
}
.not-found-content .search-form input[type="text"] {
padding-right: 0;
height:45px;
}
.not-found-content .search-form button {
height:45px;
}
.grid figure {
margin: 0 auto;
}

#filters li {
width:39%;
}
.project-single-v1-area .related-project-items .sec-title {
padding-bottom: 30px;
}

}
@media (max-width:414px) {
#carousel-example-generic2 .glyphicon-chevron-right {
top:30%;
}
#carousel-example-generic2 .glyphicon-chevron-left {
top:30%;
}

.not-found-content h3 {
font-size:15px;
}


#project-single-area .project-info .project-info-list li {
border-bottom: 1px solid #242528;
float: left;
 
overflow: hidden;
padding-bottom: 11px;
padding-left: 20px;
position: relative;

}

#project-single-area .project-info .project-info-list li {
width:100%;
}

.carousel-indicators2 {
bottom: 10px!important;
}

.footer-c { font-size:11px;}

 

}
@media (max-width:360px) {

.carousel-caption h2 {
font-size:25px;
}
#carousel-example-generic2 .glyphicon-chevron-right {
top:27%;
}
#carousel-example-generic2 .glyphicon-chevron-left {
top:27%;
}

#filters li {width:45%;}
#filters li { margin: 0 0 1px 0!important;}
#filters li span {font-size:13px;}
#filters {
margin: 0 auto 10px auto;
padding: 0;
list-style: none;
}

.tags a {
border: 1px solid #fff;
color: #fff;
font-size: 11px;
padding: 1px 5px;}


}
.custom-quote .fa-quote-left {
color: #93b120;
margin: 10px 0 0;
}
#myCarousel .icon-prev {
font-size:80px;
}
#myCarousel .icon-next {
font-size:80px;
}

Zerion Mini Shell 1.0