
@media only screen and (max-width:320px) and (min-width:240px) 
{
.header {height: auto;}
.hovereffect{background: transparent;}
.order{text-align: center;}
.testimonial1{background-position: left;}
.testimonial {margin: 0px 30px 55px;}
.about h6{font-size: 2em;}
.about h1{position: initial;font-size: 2.5em;}
.decor {position: absolute;z-index: -999;margin-top: -130px;}
.decor1{margin-top: 0px;z-index: -999;}
.section {margin: 0%;}
.hovereffect{ height: auto;}
.navbar-brand{position: relative!important;}
.navbar .navbar-brand img {max-width: 70px;}
.top ul{text-align: right;}
.title{font-size: 30px;}
.copy-right p{text-align: center;}
.right p {float: none;}
.navbar-default .navbar-nav>li>a{margin-bottom: 0%;}
.header-social {float: left;margin-top: 0%;padding-left: 6%;}
.header-contact {float: left;padding-top: 0px;}
.navbar-brand{padding: 18px 50px;}
.navbar-brand>img{width: 70%;}
.collapse {visibility: visible;}
.header-contact ul {padding-left: 10px;}
#mainSlider .slide-txt1{margin: 0%;}
#mainSlider .slide-txt1 {font-size: 12px;}
#mainSlider img{width: 70%;}
.navbar-header{padding: 3% 5%;}
.space1 {height: 10px;}
.footer{background-position: right;}
.gallery-hover-item-before, .gallery-hover-item-after{width: auto;background-size: auto;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.slider__nav:checked {margin-top: 560px;}
#sync2 .item {
    padding: 0px;
}

}

@media only screen and (max-width:480px) and (min-width:320px)
 {
.header {height: auto;}
.hovereffect{background: transparent;}
.order{text-align: center;}
.testimonial1{background-position: left;}
.testimonial {margin: 0px 30px 55px;}
.about h6{font-size: 2em;}
.about h1{position: initial;font-size: 2.5em;}
.decor {position: absolute;z-index: -999;margin-top: -130px;}
.decor1{margin-top: 0px;z-index: -999;}
.section {margin:0%;}
.hovereffect{ height: auto;}
.navbar-brand{position: relative!important;}
.navbar .navbar-brand img {max-width: 70px;}
.top ul {text-align: right;}
.title{font-size: 30px;}
.copy-right p{text-align: center;}
.right p {float: none;}
.navbar-default .navbar-nav>li>a{margin-bottom: 0%;}
.header-social {float: left;margin-top: 0%;padding-left: 6%;}
.header-contact {float: left;padding-top: 0px;}
.navbar-brand{padding: 18px 50px;}
.navbar-brand>img{width: 70%;}
.collapse {visibility: visible;}
.header-contact ul {padding-left: 10px;}
#mainSlider .slide-txt1{margin: 0%;}
#mainSlider .slide-txt1 {font-size: 12px;}
#mainSlider img{width: 70%;}
.navbar-header{padding: 3% 5%;}
.space1 {height: 10px;}
.footer{background-position: right;}
.gallery-hover-item-before, .gallery-hover-item-after{width: auto;background-size: auto;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.slider__nav:checked {margin-top: 560px;}
#sync2 .item {
    padding: 0px;
}
}

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

.header {height: auto;}
.hovereffect{background: transparent;}
.order{text-align: center;}
.testimonial1{background-position: left;}
.testimonial {margin: 0px 30px 55px;}
.about h6{font-size: 2em;}
.about h1{position: initial;font-size: 2.5em;}
.decor {position: absolute;z-index: -999;margin-top: -130px;}
.decor1{margin-top: 0px;z-index: -999;}
.section {margin: 0%;}
.hovereffect{ height: auto;}
.navbar-brand{position: relative!important;}
.navbar .navbar-brand img {max-width: 70px;}
.top ul{text-align: right;}
.title{font-size: 30px;}
.copy-right p{text-align: center;}
.right p {float: none;}
.navbar-default .navbar-nav>li>a{margin-bottom: 0%;}
.header-social {float: left;margin-top: 0%;padding-left: 6%;}
.header-contact {float: left;padding-top: 0px;}
.navbar-brand{padding: 18px 50px;}
.navbar-brand>img{width: 70%;}
.collapse {visibility: visible;}
.header-contact ul {padding-left: 10px;}
#mainSlider .slide-txt1{margin: 0%;}
#mainSlider .slide-txt1 {font-size: 12px;}
#mainSlider img{width: 70%;}
.navbar-header{padding: 3% 5%;}
.space1 {height: 10px;}
.footer{background-position: right;}
.gallery-hover-item-before, .gallery-hover-item-after{width: auto;background-size: auto;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.slider__nav:checked {margin-top: 560px;}
#sync2 .item {
    padding: 0px;
}
}

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

#sync2 .item {
    padding: 0px;
}

}

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

#sync2 .item {
    padding: 0px;
}

}

@media screen and (max-width:1100px) (min-width:980px)
 {

}