/*

[Responsive Stylesheet]

Project: QuickFix - Multipurpose Servicing and Repairing HTML Template
Version: 1.0
Author : themelooks.com

*/

@media screen and (max-width:1199px) {
.service--item .dot {
display:none
}
.f0f--section .footer .subscribe--widget {
max-width:235px
}
}
@media (min-width: 992px) and (max-width: 1200px) 
{
.logo1
{
	width: 223px;
}
.client-head {
    font-size: 12px !important;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{
	height:400px !important;
}
.info1 ul{font-size:14px !important}
}

@media (min-width: 768px) and (max-width: 991px) 
{
.client-sec-1
{
border: 2px solid #ddd;
margin: 4px;
    margin-bottom: 4px;
width: 47% !important;
padding: 0px;
	
}
.client-sec-1::after{box-shadow: 0px 0px 0px 2px #000000 !important;}
}
@media screen and (min-width:992px) {
.banner--form {
margin-top:0!important
}

}
@media screen and (max-width:991px) {
.header--navbar-top {
margin-top:30px;
margin-bottom:30px;
text-align:center
}
.info1{margin-left: 20px;}
.rght{width: 104%;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{
	height:400px !important;
}
.header--navbar-top{margin:10px 0px}
.header--navbar-top .logo, .header--navbar-top-info {
float:none;
height:auto!important
}
.header--nav-links>li, .header--navbar-top .logo+.float--right {
float:none
}
.header--navbar-top-info {
display:inline-block;
margin:10px 0 20px
}
.header--navbar-top-info .nav>li {
margin:15px 15px 0
}
.header--navbar-top-info .nav>li+li {
margin-left:15px
}
.header--navbar-top-btn {
height:auto!important;
float: right;
}
.header--navbar .navbar-header {
float:none;
margin:0
}
.header--navbar .navbar-toggle, .header--navbar .navbar-toggle .icon-bar {
-webkit-transition:background-color .25s ease-in-out;
transition:background-color .25s ease-in-out
}
.header--navbar .navbar-toggle {
float: right;
display:block;
margin:13px 0;
border-color:#c81310;
border-radius:0;
background-color:#c81310
}
.header--navbar .navbar-toggle.collapsed {
background-color:#c72926;
}
.header--navbar .navbar-toggle .icon-bar {
background-color:#fff
}
.header--navbar .navbar-toggle.collapsed .icon-bar {
background-color:#fff
}
.header--navbar .navbar-collapse {
float:none;
position:absolute;
left:15px;
right:15px;
max-height:320px;
margin:0;
background-color:#fff;
z-index:999
}
.header--navbar .navbar-collapse.collapse {
display:none!important;
overflow-y:auto!important
}
.header--navbar .navbar-collapse.collapse.in, .header--navbar .navbar-collapse.collapsing {
display:block!important
}
.header--nav-links {
float:none;
margin:15px 0
}
.header--nav-links>li+li>a {
border-width:0 1px 1px
}
.header--nav-links>li>a {
padding:6px 15px 7px
}
.header--nav-links .dropdown-menu>li>a {
padding-left:30px;
padding-right:30px
}
.header--nav-links .dropdown-menu {
float:none;
position:relative;
box-shadow:none
}
.header--nav-links .megamenu>.dropdown-menu {
width:100%;
border:1px solid #eee
}
.megamenu-img {
margin-top:31px
}
.header--nav-search {
float:none;
position:absolute;
top:0;
right:15px
}
.header--nav-search .dropdown-menu {
margin-top:1px
}
.appointment--section>.container>.row--vc>div, .banner--item .vc--child, .banner--item .vc--parent, .testimonial--slider-wrapper:before {
display:block
}
.banner--form .row {
margin-left:-15px;
margin-right:-15px
}
.banner--form .row>div {
padding-left:15px;
padding-right:15px
}
.service--img {
margin-bottom:60px
}
.service--item+.service--item {
margin-top:0
}
.service--item {
margin-bottom:48px;
padding-left:30px
}
.service--items.text-right .service--item {
padding-left:0;
padding-right:30px
}
.service--item .dot {
display:block;
top:10px!important;
left:0!important
}
.service--items.text-right .service--item .dot {
left:auto!important;
right:0!important
}
.service--item p+.btn {
margin-top:-40px
}
.blog--content.float--right, .service-single--sidebar.float--right {
float:none
}
.testimonial--slider-wrapper {
padding-bottom:100px
}
.testimonial--video {
position:relative;
margin-top:100px
}
.footer--section .bg--color-theme.bg--overlay:before, .footer--section .container.bg--overlay:before, .testimonial--video:before {
display:none
}
.product--single-summery .title .h4 {
width:45%
}
.comment--items ul ul {
padding-top:30px;
padding-left:0;
border-top:1px solid #eee
}
.comment--items ul ul li {
border-bottom-width:1px
}
.comment--items ul ul li:last-child {
border-bottom-width:0
}
.footer--about {
margin-bottom:0;
padding:15px
}
.footer--widget .widget--title {
margin-top:0!important
}
.footer--widgets {
margin-left:0;
margin-right:0
}
.footer--copyright, .footer--widgets>div {
padding-left:0;
padding-right:0
}
.footer--section .row>div {
position:static
}
.f0f--section .footer .subscribe--widget {
max-width:367px
}
}
@media screen and (max-width:767px) {
.header--navbar-top-info .nav>li {
float:none;
overflow:hidden;
padding: 0px;
margin: 10px 20px;
}
.client-sec-1 {
    width: 48% !important;
    float: left;
}
.rght{width:100% !important}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{
	height:auto !important;
}
.hero p{display:none}
.banner--content h1, .banner--content h3	{font-size: 23px;
line-height: 38px;
}
.header--navbar-top{margin:10px 0px}
.header--navbar-top-info{display:none}
.header--navbar-top .logo, .header--navbar-top-info{float:left}
.header--navbar-top-btn {
height:auto!important;
text-align:center;float:right !important
}
.header--navbar .navbar-collapse {
left:0;
right:0;
padding-left:15px;
padding-right:15px
}
.service--items.text-right {
text-align:left
}
.service--items.text-right .service--item {
padding-left:30px;
padding-right:0
}
.service--items.text-right .service--item .dot {
left:0!important;
right:0!important
}
.product--single-summery .title .btn-group, .product--single-summery .title .h4 {
float:none;
width:100%!important
}
.product--single-summery .title .btn-group {
margin-bottom:15px
}
.product--single-summery .title .h4 {
}
.cart--coupon, .cart--total {
margin-top:53px
}
.cart--items .table, .cart--items .table tbody, .cart--items .table tbody tr {
display:block
}
.cart--items .table thead {
display:none
}
.cart--items .table tbody tr+tr {
margin-top:30px
}
.cart--items .table tbody tr td {
display:block;
position:relative;
padding-left:160px;
text-align:right;
overflow:hidden
}
.cart--items .table tbody tr td:after {
content:attr(data-label);
display:block;
position:absolute;
top:50%;
left:15px;
margin-top:-14px;
color:#222;
font-family:"Montserrat", sans-serif;
font-size:16px;
line-height:26px
}
.cart--items .table tbody tr td .quantity {
float:right
}
.cart--items .table tbody tr td .remove {
display:inline-block
}
.f0f--section .footer>span, .post--item.post--single .post--footer>ul {
float:none
}
.contact--content ul {
margin-top:25px
}
.contact--content ul li {
padding-left:30px
}
.contact--content ul li:before {
left:15px
}
.f0f--section .footer>a {
display:inline-block;
float:none
}
.f0f--section .footer>span {
display:block;
margin-top:10px
}
.f0f--section .footer .subscribe--widget {
float:none;
margin:10px auto 0
}
}
@media screen and (max-width:550px) {
.expert--member.col-xs-6 {
float:none;
width:100%
}
.client-sec-1{width:48% !important}
.client-head {
    font-size: 12px !important;
}

.header--navbar-top{margin:10px 0px}
}
@media screen and (max-width:480px) {
.header--topbar .social {
float:left
}
.client-sec-1{width:100% !important}
.client-sec-1 img {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.hero{display:none}
.header--topbar .cart>li {
margin-left:0;
padding-left:0
}
.header--topbar .cart>li:before {
display:none
}
.footer--copyright .float--left, .footer--copyright .float--right, .review--item .content .header .float--left, .review--item .content .header .float--right {
float:none
}
.blog--content .post--extra>ul {
float:none;
text-align:left
}
.post--extra .social--widget+.pager {
margin-top:15px
}
.footer--copyright p {
margin-bottom:10px
}
.footer--copyright p:last-child {
margin-bottom:0
}
.col-xxs-12 {
float:none;
width:100%
}
.show-xxs {
display:block!important
}
.hidden-xxs {
display:none!important
}
}
@media screen and (max-width:380px) {
.cart--coupon .input-group {
display:block
}
.cart--coupon .input-group .form-control {
display:block;
width:100%;
margin-bottom:15px;
border-radius:20px
}
.cart--coupon .input-group .input-group-btn {
display:inline-block
}

.cart--coupon .input-group .input-group-btn .btn {
border-radius:20px
}
}


@media screen and (max-width:429px)
{
.header--navbar-top .logo, .header--navbar-top-info{float:none}
.header--navbar-top-btn {
height:auto!important;
text-align:center;float:none !important
}
.header--navbar-top{margin:0px}
}