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

*.animated{animation-duration:inherit !important;}

.fist-nav {    display: none;}

.sticky{    padding: 0 !important;}

nav.mobile-menu { display: block !important;}

.top-logo img{width: 100% !important;}

.max-width{    left: 20% !important;}

.comapny-heading-line h1{    font-size: 42px !important;}

.comapny-heading-line h1 span{    font-size: 22px !important;}

.about-company::after{    font-size: 60px !important;}

.pink_item span{    font-size: 24px  !important;}

figure.effect-dexter p{display: none;}

figure.effect-duke p{display: none;}

.active-bg{   padding: 6px !important; margin-bottom: 40px;}

.active-bg h3{font-size: 25px !important;}

.active-bg span{    font-size: 19px !important;}

.mission-img img{    width: 40% !important;}

.offer-inner{    width: 247px !important;}

.offer-inner > h3{    font-size: 50px !important;}

.offer-inner h1{    font-size: 41px !important;     line-height: 0 !important;}

.offer-inner > h2{display: none;}

.contact-field button{    width: 100%;}

.form-inner-address-side h4 {margin-bottom: 15px !important; font-size: 30px; display: block;}

.form-inner-address-side .media-body > span {font-size: 22px;}

.under-padding{padding-left: 50px !important; padding-right: 50px !important;}

.bg-with-text h2 {font-size: 46px !important;}

.brush-img{display: none;}

.our-product::after{    opacity: 0.6 !important;}

.hvr-shutter-in-horizontal{padding: 5px 6px !important;}

.product-content h2 {font-size: 28px;  margin-bottom: 15px;}

.active-bg h3:after{left: 0px;}

.full-width-type h3 {margin-bottom: 20px !important;}

.cover-product{    width: 100% !important;}

nav.navbar {    display: none;}

.welcome-this { text-align: center;}

.tag_line span {    font-size: 25px !important;}

.button_custom a{    padding: 10px 4px !important;}

.about_img img {    margin-bottom: 25px;}

.content-img img{    width: 100%  !important; right: 0 !important;}

.wave-fan img{display: none;}

.product-text-home h2 {    font-size: 62px !important;}

.grid figure img{width: 100% !important;}

.all-product-btn a{    background: #43b659 !important;}

.list-flow-color-change {    background: #0066ae;    padding: 35px;}

.list-flow-color-change ul li {    margin-bottom: 25px;}

.contact-form {    position: relative;    margin-bottom: 60px;}

.contact-information{    padding-left: 0 !important;}

.wave{    background-position: 0 100% !important;}

footer {    background: #000 url(images/footer.png) !important;    background-position: 50% 50%;    background-size: cover;    padding: 65px 0 48px 0px !important;    position: relative;}

img.position-set{    top: 35% !important;}

.copy-right{    padding: 5px 0 !important; margin-bottom: 42px;}

.widget {    margin-bottom: 30px;}

.responsive_hidden {    padding: 0 !important;    margin: 0 !important;}

.hk-hide {pointer-events: all !important;}

.mac-photo::after{width: 70% !important;}

span.font-size-increase:after{width: 5% !important;}

.contact-information:after{left: -24px;  width: 5%;  height: 35px;}

.mobile-three-item{display: block !important;}

.enquiry {    display: none;}

.scrollTop{bottom: 70px !important;}

}  



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

*.animated{animation-duration:inherit !important;}

.fist-nav {    display: none;}

.sticky{    padding: 0 !important;}

nav.mobile-menu { display: block !important;}

.top-logo img{width: 100% !important;}

.max-width{    left: 10% !important;}

.comapny-heading-line h1{    font-size: 42px !important;}

.comapny-heading-line h1 span{    font-size: 22px !important;}

.about-company::after{    font-size: 60px !important;}

.pink_item span{    font-size: 20px  !important;}

figure.effect-dexter p{display: none;}

figure.effect-duke p{display: none;}

.active-bg{   padding: 6px !important; margin-bottom: 40px;}

.active-bg h3{font-size: 25px !important;}

.active-bg span{    font-size: 19px !important;}

.mission-img img{    width: 40% !important;}

.offer-inner{  width: 192px !important;}

.offer-inner > h3{    font-size: 35px !important;}

.offer-inner h1{    font-size: 41px !important;     line-height: 0 !important;}

.offer-inner > h2{display: none;}

.contact-field button{    width: 100%;}

.form-inner-address-side h4 {margin-bottom: 0 !important; font-size: 28px;}

.form-inner-address-side .media-body > span {font-size: 17px;}

.under-padding{padding-left: 0px !important; padding-right: 0px !important;}

.bg-with-text h2 {font-size: 34px !important;     padding-bottom: 15px !important;}

.brush-img{display: none;}

.our-product::after{    opacity: 0.6 !important;}

.hvr-shutter-in-horizontal{padding: 5px 6px !important;}

.product-content h2 {font-size: 28px;  margin-bottom: 15px;}

.active-bg h3:after{left: 0px;}

.full-width-type h3 {margin-bottom: 20px !important;}

.cover-product{    width: 100% !important;}

.offer-banner-text h2{    line-height: 26px !important; font-size: 37px !important;}

.offer-banner-text-2 h3{    font-size: 28px !important;}

.offer-inner{    padding: 7px 0 !important;}

#above-bottom-sidebar{background-position: center center !important;}

.list-flow-color-change {    background: #0066ae;    padding: 35px;}

.list-flow-color-change ul li {    margin-bottom: 25px;}

.contact-form {    position: relative;    margin-bottom: 60px;}

.contact-information{    padding-left: 0 !important;}

.wave{    background-position: 0 100% !important;}

footer {    background: #000 url(images/footer.png) !important;    background-position: 50% 50%;    background-size: cover;    padding: 65px 0 48px 0px !important;    position: relative;}

img.position-set{    top: 35% !important;}

.copy-right{    padding: 5px 0 !important; margin-bottom: 42px;}

.widget {    margin-bottom: 30px;}

.responsive_hidden {    padding: 0 !important;    margin: 0 !important;}

.fennec-nav .navbar ul{display: none;}

.about_img {    margin-bottom: 25px;}

.wave-fan img{display: none;}

.carousel{    margin-top: 64px;}

.product-text-home h2{    font-size: 55px !important;}

.hk-hide {pointer-events: all !important;}

.mac-photo::after{width: 70% !important;}

span.font-size-increase:after{width: 5% !important;}

.contact-information:after{left: -24px;  width: 5%;  height: 35px;}

.about-content_side h2{    font-size: 25px !important;}
.about-content_side h3{    font-size: 25px !important;}
.about-content_side h4{    font-size: 25px !important;}
.mobile-three-item{display: block !important;}
.enquiry {    display: none;}
.scrollTop{bottom: 70px !important;}

}

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

*.animated{animation-duration:inherit !important;}

.fist-nav {    display: none;}

.sticky{    padding: 0 !important;}

nav.mobile-menu {display: block !important; position: relative;}

.top-logo img{width: 25% !important; margin-top: 16px;}

.max-width{    left: 0% !important;}

.comapny-heading-line h1{    font-size: 42px !important;}

.comapny-heading-line h1 span{    font-size: 22px !important;}

.about-company::after{    font-size: 60px !important;}

.active-bg{   padding: 6px !important; margin-bottom: 40px;}

.active-bg h3{font-size: 25px !important;}

.active-bg span{    font-size: 19px !important;}

.mission-img img{    width: 15% !important;}

.offer-inner{  width: 120px !important;}

.offer-inner > h3{    font-size: 25px !important;     line-height: 34px !important;}

.offer-inner h1{font-size: 17px !important;line-height: 0 !important; text-align: center;}

.offer-inner > h2{display: none;}

.contact-field button{    width: 100%;}

.form-inner-address-side h4 {margin-bottom: 0 !important;}

.form-inner-address-side .media-body > span {font-size: 22px;}

.under-padding{padding-left: 0px !important; padding-right: 0px !important;}

.bg-with-text h2 {font-size: 34px !important;     padding-bottom: 15px !important;}

.our-product::after{    opacity: 0.6 !important;}

.hvr-shutter-in-horizontal{padding: 5px 6px !important;}

.product-content h2 {font-size: 28px;  margin-bottom: 15px;}

.active-bg h3:after{left: 0px;}

.full-width-type h3 {margin-bottom: 20px !important;}

.cover-product{    width: 100% !important;}

.offer-banner-text h2{    line-height: 26px !important; font-size: 37px !important;}

.offer-banner-text-2 h3{    font-size: 28px !important;}

.offer-inner{    padding: 7px 0 !important;}

#above-bottom-sidebar{background-position: center center !important;}

.brush-img::before{width: 100% !important; right: 0px !important; display: none;}

.bg-with-text::after{    height: 63vh !important;}

.our-product::before{background-color: #fff !important; z-index: -9999 !important;}

.contact-us-area .contact-overlay .section-title .title{    font-size: 50px !important; line-height: 50px !important;}

.contact-us-area .contact-overlay .contact-details{    padding: 30px  !important;}

.contact-us-area .contact-overlay .contact-details .contact-thumb{width: 100% !important;}

.contact-details {display: block !important;}

.contact-us-area .contact-overlay .contact-details .contact-form-area{    margin-left: 0 !important;}

.social-media {    text-align: center;}

.half-side {text-align: center; margin-bottom: 12px;}

.grid figure{    margin-bottom: 0;}

.half-side-input input{    margin-bottom: 25px;}

.offer-banner-text{display: none  !important;}

.offer-banner-text-2{display: none  !important;}

.manage-footer{    width: 100% !important;}

.kopa-contact-info-widget{    margin-bottom: 20px !important;}

.form-inner{    margin-bottom: 30px;}

.states {margin-bottom: 15px;}

ul.coloring li {line-height: 65px;}

.inner-left-side-product .row {padding-top: 20px !important;}

.our-product::after{    width: 475px !important;}

.fennec-nav .navbar ul{display: none;}

/*.welcome-this img {    display: none;}*/

.welcome-this {    text-align: center;}

.logo{text-align: center;}

.carousel {margin-top: 118px;}

.tag_line span{ font-size: 28px !important;    text-align: center !important;    display: block !important;}

.button_custom a{width: 100%;    text-align: center;    margin-top: 15px;}

.about_content h1{    font-size: 30px !important;}

.wave-fan img{right: 0% !important;    top: -136px !important;   width: 23% !important;}

.content-img img{display: none;}

.content-side_btn a{ width: 100% !important;  text-align: center !important;}

.content-side span{text-align: center !important;}

.our-products::after{    width: 14% !important; display: none !important;}

.product-text-home h2{    font-size: 53px !important;}

.all-product-btn a{  width: 100% !important; text-align: center !important; margin-top: 45px !important;     background: #41b557 !important;}

.mac-photo::after{    width: 85% !important;}

.list-flow-color-change {    background: #0066ae; padding-top: 25px;}

.list-flow-color-change li {    margin-bottom: 30px;}

.contact-form:after{    width: 6% !important;     height: 31px !important;     left: 253px !important;} 

.contact-information{    padding-left: 15px !important; margin-top: 35px;}

footer{    padding: 150px 0 10px 0px !important;     background: #000 url(images/footer.png) !important;}

img.position-set{    top: 4% !important;}

.responsive_hidden {margin: 0 !important;}

.about_img {margin-bottom: 30px;}

.square{   width: 100% !important; height: auto !important;}

.plain-text {    padding-left: 15px;    padding-right: 15px;}

.hk-hide {pointer-events: all !important;}

.wave h4 {    font-size: 25px;}

.about-content_side {    padding: 20px !important;}

span.font-size-increase:after{width: 8% !important;}

.logo_img { width: 50% !important;}

.mobile-three-item{display: block !important;}
.enquiry {    display: none;}
.copy-right {  margin-bottom: 42px !important;}

.scrollTop{bottom: 70px !important;}
}

@media only screen and (max-width: 479px){

*.animated{animation-duration:inherit !important;}

.fist-nav {    display: none;}

.sticky{    padding: 0 !important;}

nav.mobile-menu {display: block !important; position: relative;}

.top-logo img{width: 25% !important; margin-top: 16px;}

.max-width{    left: 0% !important;}

.comapny-heading-line h1{    font-size: 42px !important;}

.comapny-heading-line h1 span{    font-size: 22px !important;}

.about-company::after{    font-size: 60px !important;}

.active-bg{   padding: 6px !important; margin-bottom: 40px;}

.active-bg h3{font-size: 25px !important;}

.active-bg span{    font-size: 19px !important;}

.mission-img img{    width: 15% !important;}

.offer-inner{  width: 120px !important;}

.offer-inner > h3{    font-size: 25px !important;     line-height: 34px !important;}

.offer-inner h1{font-size: 17px !important;line-height: 0 !important; text-align: center;}

.offer-inner > h2{display: none;}

.contact-field button{    width: 100%;}

.form-inner-address-side h4 {margin-bottom: 0 !important; font-size: 30px !important;}

.form-inner-address-side .media-body > span {font-size: 22px;}

.under-padding{padding-left: 0px !important; padding-right: 0px !important;}

.bg-with-text h2 {font-size: 34px !important;     padding-bottom: 15px !important;}

.our-product::after{    opacity: 0.6 !important;}

.hvr-shutter-in-horizontal{padding: 5px 6px !important;}

.product-content h2 {font-size: 28px;  margin-bottom: 15px;}

.active-bg h3:after{left: 0px;}

.full-width-type h3 {margin-bottom: 20px !important; font-size: 24px !important;}

.cover-product{    width: 100% !important; min-height: auto !important;}

.offer-banner-text h2{    line-height: 26px !important; font-size: 37px !important;}

.offer-banner-text-2 h3{    font-size: 28px !important;}

.offer-inner{    padding: 7px 0 !important;}

#above-bottom-sidebar{background-position: center center !important;}

.brush-img::before{width: 100% !important; right: 0px !important; display: none;}

.bg-with-text::after{    height: 63vh !important;}

.our-product::before{background-color: #fff !important; z-index: -9999 !important;}

.contact-us-area .contact-overlay .section-title .title{    font-size: 50px !important; line-height: 50px !important;}

.contact-us-area .contact-overlay .contact-details{    padding: 30px  !important;}

.contact-us-area .contact-overlay .contact-details .contact-thumb{width: 100% !important;}

.contact-details {display: block !important;}

.contact-us-area .contact-overlay .contact-details .contact-form-area{    margin-left: 0 !important;}

.social-media {    text-align: center;}

.half-side {text-align: center; margin-bottom: 12px;}

.grid figure{    margin-bottom: 0;}

.half-side-input input{    margin-bottom: 25px;}

.offer-banner-text{display: none  !important;}

.offer-banner-text-2{display: none  !important;}

.manage-footer{    width: 100% !important;}

.kopa-contact-info-widget{    margin-bottom: 20px !important;}

.form-inner{    margin-bottom: 30px;}

.states {margin-bottom: 15px;}

ul.coloring li {line-height: 65px;}

.inner-left-side-product .row {padding-top: 20px !important;}

.our-product::after{    width: 475px !important;}

.fennec-nav .navbar ul{display: none;}

/*.welcome-this img {    display: none;}*/

.welcome-this {    text-align: center;}

.logo{text-align: center;}

.carousel {margin-top: 118px;}

.tag_line span{ font-size: 28px !important;    text-align: center !important;    display: block !important;}

.button_custom a{width: 100%;    text-align: center;    margin-top: 15px;}

.about_content h1{    font-size: 23px !important;}

.wave-fan img{right: 0% !important;  top: -30px !important;   width: 23% !important;}

.content-img img{display: none;}

.content-side_btn a{ width: 100% !important;  text-align: center !important;}

.content-side span{text-align: center !important;}
 
.our-products::after{    width: 14% !important; display: none !important;}

.product-text-home h2{    font-size: 53px !important;}

.all-product-btn a{  width: 100% !important; text-align: center !important; margin-top: 45px !important;     background: #41b557 !important;}

.mac-photo::after{    width: 85% !important;}

.list-flow-color-change {    background: #0066ae; padding-top: 25px;}

.list-flow-color-change li {    margin-bottom: 30px;}

.contact-form:after{    width: 6% !important;     height: 31px !important;     left: 253px !important;} 

.contact-information{    padding-left: 15px !important; margin-top: 35px;}

footer{    padding: 150px 0 10px 0px !important;     background: #000 url(images/footer.png) !important;}

img.position-set{    top: 4% !important;}

.responsive_hidden {margin: 0 !important;}

.about_img {margin-bottom: 30px;}

.square{   width: 100% !important; height: auto !important;}

.plain-text {    padding-left: 15px;    padding-right: 15px;}

.page-title h1{text-align: center !important;     font-size: 30px !important;}

.page-info .bread-crumb{    padding-left: 0 !important;}

.page-info .bread-crumb li{margin-right: 5px !important; padding-right: 5px !important;}

.wave{    padding: 195px 0px 141px 0 !important;}

img.position-set{    right: 30px !important;}

.sitema-links-item h3 {    font-size: 20px !important;}

.sitema-links-item h2{font-size: 20px !important;}

.sitema-links-item h4 {    font-size: 20px !important;}

.hk-hide {pointer-events: all !important;}

.wave h4 {    font-size: 25px;}

.about-content_side {    padding: 20px !important;}

span.font-size-increase:after{width: 8% !important;}

.about-content_side h2{font-size: 25px !important;}
.about-content_side h3{font-size: 25px !important;}
.about-content_side h4{font-size: 25px !important;}
.logo_img { width: 50% !important;}
.mobile-three-item{display: block !important;}
.enquiry {    display: none;}
.copy-right {  margin-bottom: 42px !important;}

.scrollTop{bottom: 70px !important;}
}