@media (min-width:992px) and (max-width: 1199px){
.header-img img{width: 90%}
.menu-header ul li a{font-size: 12px;}
.menu-header ul {margin-top: 20px;}
.slider-text h1{font-size: 30px;}
.about-img img {width: 220px;height: 220px;}
.about-text p { font-size: 18px;}
.service-content h4 { font-size: 18px;}
.service-content .btn-primary {padding: 10px 80px;}
.social-icon ul li {margin-right: 8px;}
.links-list ul li a, .contact-list ul li a,.add-right,.footer-content p,.content-link a,.footer-left p, .footer-right p{font-size: 12px;}
.Portfolio-bg{height: 768px;}
.menu-header .navbar ul li {margin-right: 3px;}
/*.inner-title{left: 40%;}*/
}

@media (min-width:768px) and (max-width: 991px){
.header-top{display: none;}
.header-img img{width: 30%;}
.menu-header .navbar{float: none !important;}
.navbar-light .navbar-toggler{position: absolute; right: 0; top: -51px; border-color: transparent;}
button:focus{outline: none !important;}
.menu-header ul{margin-top: 20px;}
.banner-slider .item{height: 370px;}
.slider-text h1{ font-size:18px;text-shadow:none;font-weight: 600;}
.btn-primary{margin-top: 15px; font-size: 12px; padding: 5px 10px;}
.slider-carousel .owl-dots .owl-dot span{width: 11px; height: 11px;}
.section-tb {padding: 30px 0;}
.about-text p,.about-content p,.title-center p{font-size: 13px;}
.about-img {margin-top: 20px; text-align: center;}
.about-img.about-img-btm{display: none;}
.Portfolio-bg.mobile-bg{display: block !important;}
.portfolio-list { margin-top: 23px; margin-left: 36px;}
.client-carousel .owl-dots{display: none !important;}
.footer-left p, .footer-right p{font-size: 12px;}
.footer-right p{float: none;text-align: center;}
.footer-title{margin-top: 20px;}
.slider-carousel .owl-dots {transform: translate(-29%,-50%); bottom: 0%;}
.about-title h2{margin-left: 15px;}
.about-title::before {left: 10px;}
.slider-carousel .owl-dots{bottom: 6%;}
.service-content h4{font-size: 15px;}
.service-content{padding: 14px;}
.service-content .btn-primary {padding: 10px 60px;}
.info-content h3{font-size: 14px;}
.info-content p,.service-content p{font-size: 13px;}
.service-carousel .owl-nav img{width: 20%;}
/*.service-carousel .owl-nav .owl-prev{left: -5%;}
.service-carousel .owl-nav .owl-next{right: -5px;}*/
.client-carousel a{font-size: 12px;}
.footer-title h3{font-size: 16px;}
.links-list ul li a, .contact-list ul li a,.add-right,.footer-content p,.content-link a{font-size: 12px;}
.footer-logo img{width: 90%;}
.social-icon ul li{width: 30px; height: 30px; margin-right: 4px;transform: translate(-18%,-27%);}
.menu-header ul .active a, .menu-header .navbar ul li:hover a{padding: 10px 15px !important;}
.menu-header ul li{margin-bottom: 10px;}
.slider-carousel .owl-nav{display: none;}
.slider-text ul li {  margin-bottom:7px; font-size: 18px;}
.slider-text ul {margin-top: 0 !important;}
.btn-primary {margin-top: 6px; font-size: 10px; padding: 5px 10px;}
.slider-carousel .owl-controls .owl-dots .owl-dot span {width: 10px; height: 10px;}
.title-center p br{display: none !important;}
.portfolio-list {margin-top: 23px; padding: 8px; margin-left: 0;}
.portfolio-box{margin-bottom: 15px;}
.protfolio-link .btn{margin-top: 0 !important;}
.pf-m{margin-top: 15px;}
.porf-top h4 { font-size: 11px;}
.fancy-content { margin: 15px;  min-height: 90px;}
.fancy-content h4 {font-size: 11px;}
.slider-text {position: absolute; left: 10px; bottom: -200px;}
.mt-md{margin-top: 20px;}
.services-title h3, .contact-title h3{font-size: 21px}

}

@media (min-width: 576px) and (max-width: 767px) {
.header-top{display: none;}
.header-img img{width: 50%;}
.menu-header .navbar{float: none !important;}
.navbar-light .navbar-toggler{position: absolute; right: 0; top: -51px; border-color: transparent;}
button:focus{outline: none !important;}
.menu-header ul{margin-top: 20px;}
.banner-slider .item{height: 230px;}
.slider-text h1{ font-size: 12px; line-height: 20px; text-shadow:none;font-weight: 600;}
.btn-primary{margin-top: 15px; font-size: 12px; padding: 5px 10px;}
.slider-carousel .owl-dots .owl-dot span{width: 11px; height: 11px;}
.section-tb {padding: 30px 0;}
.about-text p,.about-content p,.title-center p{font-size: 13px;}
.about-img {margin-top: 20px; text-align: center;}
.about-img.about-img-btm{display: none;}

.Portfolio-bg.mobile-bg{display: block !important;}
.portfolio-list { margin-top: 23px; margin-left: 36px;}
/*.Portfolio-bg{height: 610px;}*/
/*.client-carousel .owl-item img{width: 60% !important; margin: 0 auto;}*/
.client-carousel .owl-dots{display: none !important;}
.footer-left p, .footer-right p{font-size: 12px;}
.footer-right p{float: none;text-align: center;}
.footer-title{margin-top: 20px;}
.slider-carousel .owl-dots {transform: translate(-29%,-50%); bottom: 0%;}
.about-title h2{margin-left: 15px;}
.about-title::before {left: 10px;}
.menu-header ul .active a, .menu-header .navbar ul li:hover a{padding: 10px 15px !important;}
.menu-header ul li{margin-bottom: 10px;}
.info-box{margin-bottom: 30px;}
.title-center p br{display: none !important;}
.footer-left {text-align: center;}
.section-pad{padding: 20px;}
/*.inner-bg{width: 100%}
.inner-title{left: 40%; top: 34%; transform: none !important;}*/
.about-imgs {margin-top: 20px;}
.our-vission{margin-top: 20px;}
.contact-title.message{margin-top: 20px;}
.slider-carousel .owl-nav{display: none;}
.slider-text ul li {  margin-bottom: 5px; font-size: 11px;}
.slider-text ul {margin-top: 3px !important;}
.btn-primary {margin-top: 6px; font-size: 10px; padding: 5px 10px;}
.slider-carousel .owl-controls .owl-dots .owl-dot span {width: 10px; height: 10px;}
.portfolio-list {margin-top: 23px; padding: 8px; margin-left: 0;}
.portfolio-box{margin-bottom: 15px;}
.protfolio-link .btn{margin-top: 0 !important;}
.porf-top h4 { font-size: 11px;}
.slider-text {position: absolute; left: 10px; bottom: -130px;}
}

@media(max-width: 575px){
.header-top{display: none;}
.header-img img{width: 70%;}
.menu-header .navbar{float: none !important;}
.navbar-light .navbar-toggler{position: absolute; right: 0; top: -51px; border-color: transparent;}
button:focus{outline: none !important;}
.menu-header ul{margin-top: 20px;}
.banner-slider .item{height: 230px;}
.slider-text h1{ font-size: 11px;text-shadow:none;font-weight: 600; line-height: 18px;}
.btn-primary{margin-top: 15px; font-size: 12px; padding: 5px 10px;}
/*.slider-carousel .owl-dots{top: -50px;}*/
.slider-carousel .owl-dots .owl-dot span{width: 11px; height: 11px;}
.section-tb {padding: 30px 0;}
.about-text p,.about-content p,.title-center p{font-size: 13px;}
.about-img {margin-top: 20px; text-align: center;}
.about-img.about-img-btm{display: none;}
/*.Portfolio-bg{display: none !important;}*/
.Portfolio-bg.mobile-bg{display: block !important;}
.portfolio-list { margin-top: 23px; margin-left: 36px;}
.client-carousel .owl-item img{width: 60% !important; margin: 0 auto;}
.client-carousel .owl-dots{display: none !important;}
.footer-left p, .footer-right p{font-size: 12px;}
.footer-right p{float: none;text-align: center;}
.footer-title{margin-top: 20px;}
.slider-carousel .owl-dots {transform: translate(-29%,-50%); bottom: 0%;}
.about-title h2{margin-left: 15px;}
.about-title::before {left: 10px;}
.scrollup{bottom: 79px;}
.menu-header ul .active a, .menu-header .navbar ul li:hover a{padding: 10px 15px !important;}
.menu-header ul li{margin-bottom: 10px;}
.info-box{margin-bottom: 30px;}
.scrollup { width: 35px; height: 35px; right: 10px;line-height: 35px;font-size: 16px;}
.service-carousel .owl-nav{display: none;}

.section-pad{padding: 20px;}
/*.inner-bg{width: 100%}
.inner-title{left: 30%; top: 30%; transform: none !important;}*/
.about-imgs {margin-top: 20px;}
.our-vission{margin-top: 20px;}
.services-title.top{margin-top: 20px;}
.contact-title.message{margin-top: 20px;}
.services-title h3, .contact-title h3{font-size: 20px;}
.services-img{margin-top: 30px;}
.slider-carousel .owl-nav{display: none;}
.slider-text ul li {  margin-bottom: 5px; font-size: 11px;}
.slider-text ul {margin-top: 4px !important;}
.btn-primary {margin-top: 6px; font-size: 10px; padding: 5px 10px;}
.slider-carousel .owl-controls .owl-dots .owl-dot span {width: 10px; height: 10px;}

.portfolio-list {margin-top: 23px; padding: 8px; margin-left: 0;}
.portfolio-box{margin-bottom: 15px;}
.protfolio-link .btn{margin-top: 0 !important;}
.porf-top h4 { font-size: 12px;}
.slider-text {position: absolute; left: 10px; bottom: -130px;}

}