@media(min-width:1201px) and (max-width:1600px){
	/* **** Home Page **** */
	.container{max-width: 1140px;}
	.navbar-light .navbar-nav li{margin-right:35px;}
	.navbar-light .navbar-nav .nav-link{font-size: 18px;}
	.nav-contact{margin-left: 35px;}
	.navbar-brand img{width: 200px;}

	.banner-wrapper{height: auto;}
	.banner-data h2{font-size:24px;line-height: 34px;}
	.banner-data{padding: 0 0;}
	.banner-serv-bx{padding: 15px;}
	.banner-serv-bx h3{font-size: 14px;line-height: 20px;}
	.banner-data{padding: 0 0;}
	.banner-data h1{font-size: 52px;line-height:62px;margin: 0 0 25px;}
	
	.banner-data .btn-group .btn-main{font-size: 16px;padding: 15px 35px;margin: 0 15px 0 0;}
	.discover-rw{bottom: 25px;left: 0;right: 0;}
	.discover-rw a{font-size: 14px;}
	.our-skill-wrp{padding: 80px 0;}
	.skill-box{padding: 30px 15px;}
	.skill-box img{height: 75px;}
	.titlebar{margin: 0 auto 25px;}
	.titlebar h2{font-size: 36px;}
	.titlebar p{font-size: 14px;}
	.skill-box h3{font-size: 14px;line-height: 22px;}
	.blog-row:last-child{margin: 0}

	.service-wrp{padding: 80px 0;}
	.service-img img{height: 45px;}
	.service-block{padding: 30px 15px;}
	.service-data h3{font-size: 24px;line-height: 32px;}
	.service-data p,.service-data ul li{font-size: 16px;}
	.service-data ul li:before{font-size: 16px;}

	.our-technical-wrp{padding: 35px 0;}
	.our-technical-wrp .container-fluid{padding: 0 15px;}
	.technical-slider .skill-box img{height:70px;}

	.blog-wrpper{padding: 80px 0;}
	.blog-img img{height: 300px;}
	.blog-data{padding: 25px 15px;}
	.blog-data h3{font-size:24px;margin: 0 0 20px;}
	.blog-data ul li{font-size: 16px;line-height: 22px;margin: 0 0 10px;padding: 0 0 0 25px;}
	.blog-data ul li:before{font-size: 16px;}

	.subscribe-block{padding: 40px 0;}
	.subscribe-block h2{font-size: 32px;line-height: 36px;}
	.subscribe-block .btn-main{padding: 12px 35px;font-size: 16px;margin-right: 15px;}
	.subscribe-block .btn-main i{margin-right: 5px;}

	footer img{width:300px;}
	footer ul li{margin-right: 35px;}
	footer ul li a{font-size: 18px;}
	.copyright p{font-size: 18px;}

	#myBtn{width: 35px;height: 35px;line-height: 35px;font-size: 14px;right: 15px;}
	/* **** End Home Page **** */

	.about-ceo{padding: 25px 35px;}
	.about-data{padding: 50px 0 0 0;}
	.about-ceo h3{font-size: 32px;line-height:38px;}
	.about-ceo h3 span{font-size: 18px;}
	.about-ceo p{font-size: 18px;line-height: 28px;}
	.about-ceo .btn-main{font-size: 16px;margin: 30px 0 0;padding: 10px 15px;}
	.about-data p{font-size: 18px;line-height: 28px;}
}

@media(min-width:1025px) and (max-width:1200px){
	/* **** Home Page **** */
	.container{max-width: 990px;}
	.navbar-light .navbar-nav li{margin-right: 25px;}
	.navbar-light .navbar-nav .nav-link{font-size: 16px;}
	.nav-contact{margin-left: 35px;}
	.navbar-brand img{width: 200px;}

	.banner-wrapper{height: auto;}
	.banner-data h2{font-size: 20px;line-height: 26px;}
	.banner-data{padding: 0 0;}
	.banner-serv-bx{padding: 15px;}
	.banner-serv-bx h3{font-size: 14px;line-height: 20px;}
	.banner-data{padding: 0 0;}
	.banner-data h1{font-size: 30px;line-height: 40px;margin: 0 0 15px;}
	.banner-data ul{margin: 0 0 30px;}
	.banner-data ul li{font-size: 16px;margin: 0 0 5px;}
	.banner-data ul li:before{font-size: 16px;}
	.banner-data .btn-group .btn-main{font-size: 16px;padding: 15px 35px;margin: 0 15px 0 0;}
	.discover-rw{bottom: 25px;left: 0;right: 0;}
	.discover-rw a{font-size: 14px;}
	.our-skill-wrp{padding: 80px 0;}
	.skill-box{padding: 30px 15px;}
	.skill-box img{height: 75px;}
	.titlebar{margin: 0 auto 25px;}
	.titlebar h2{font-size: 36px;}
	.titlebar p{font-size: 14px;}
	.skill-box h3{font-size: 14px;line-height: 22px;}
	.slick-track
	{
	    display: flex !important;
	}

	.slick-slide
	{
	    height: inherit !important;
	}
	.blog-row:last-child{margin: 0}

	.service-wrp{padding: 80px 0;}
	.service-img img{height: 45px;}
	.service-block{padding: 30px 15px;}
	.service-data h3{font-size: 24px;line-height: 32px;}
	.service-data p,.service-data ul li{font-size: 16px;}
	.service-data ul li:before{font-size: 16px;}

	.our-technical-wrp{padding: 35px 0;}
	.our-technical-wrp .container-fluid{padding: 0 15px;}
	.technical-slider .skill-box img{height:70px;}

	.blog-wrpper{padding: 80px 0;}
	.blog-img img{height: 300px;}
	.blog-data{padding: 25px 15px;}
	.blog-data h3{font-size:24px;margin: 0 0 20px;}
	.blog-data ul li{font-size: 16px;line-height: 22px;margin: 0 0 10px;padding: 0 0 0 25px;}
	.blog-data ul li:before{font-size: 16px;}

	.subscribe-block{padding: 40px 0;}
	.subscribe-block h2{font-size: 26px;line-height: 36px;}
	.subscribe-block .btn-main{padding: 10px 15px;font-size: 14px;margin-right: 15px;}
	.subscribe-block .btn-main i{margin-right: 5px;}

	footer img{width: 200px;}
	footer ul li{margin-right: 25px;}
	footer ul li a{font-size: 16px;}
	.copyright p{font-size: 18px;}

	#myBtn{width: 35px;height: 35px;line-height: 35px;font-size: 14px;right: 15px;}
	/* **** End Home Page **** */

	.about-ceo{padding: 25px 35px;}
	.about-data{padding: 30px 0 0 0;}
	.about-ceo h3{font-size: 26px;line-height:32px;}
	.about-ceo h3 span{font-size: 16px;}
	.about-ceo p{font-size: 16px;line-height: 25px;}
	.about-ceo .btn-main{font-size: 16px;margin: 30px 0 0;padding: 10px 15px;}
	.about-data p{font-size: 16px;line-height: 26px;}
	.ceo-row .row{align-items: flex-start;}
}

@media(min-width:992px) and (max-width:1024px){
	/* **** Home Page **** */
	.container{max-width: 940px;}
	.navbar-light .navbar-nav li{margin-right: 25px;}
	.navbar-light .navbar-nav .nav-link{font-size: 16px;}
	.nav-contact{margin-left: 35px;}
	.navbar-brand img{width: 200px;}

	.banner-center{top: auto;transform: translate(0);bottom: 0;padding:50px 0;}
	.banner-data h2{font-size: 20px;line-height: 26px;}
	.banner-data{padding: 0 0;}
	.banner-serv-bx{padding: 15px;}
	.banner-serv-bx h3{font-size: 14px;line-height: 20px;}
	.banner-data{padding: 0 0;}
	.banner-data h1{font-size: 30px;line-height: 40px;margin: 0 0 15px;}
	.banner-data ul{margin: 0 0 30px;}
	.banner-data ul li{font-size: 16px;margin: 0 0 5px;}
	.banner-data ul li:before{font-size: 16px;}
	.banner-data .btn-group .btn-main{font-size: 14px;padding: 10px 30px;margin: 0 15px 0 0;}
	.discover-rw{bottom: 25px;left: 0;right: 0;}
	.discover-rw a{font-size: 14px;}
	.our-skill-wrp{padding: 45px 0;}
	.skill-box{padding: 30px 15px;}
	.skill-box img{height: 75px;}
	.titlebar{margin: 0 auto 25px;}
	.titlebar h2{font-size: 26px;}
	.titlebar p{font-size: 14px;}
	.skill-box h3{font-size: 14px;line-height: 22px;}
	.slick-track
	{
	    display: flex !important;
	}

	.slick-slide
	{
	    height: inherit !important;
	}

	.service-wrp{padding: 60px 0;}
	.service-img img{height: 45px;}
	.service-block{padding: 30px;}
	.service-data h3{font-size: 24px;line-height: 32px;}
	.service-data ul li{font-size: 16px;}
	.service-wrp .col-md-4{width: 33.33%;}

	.our-technical-wrp{padding: 60px 0;}
	.technical-slider .skill-box img{height:70px;}

	.blog-wrpper{padding: 60px 0;}
	.blog-img img{height: 200px;}
	.blog-data{padding: 25px 15px;}
	.blog-data h3{font-size: 18px;}
	.blog-data ul li{font-size: 14px;line-height: 22px;margin: 0 0 10px;padding: 0 0 0 25px;}
	.blog-data ul li:before{font-size: 16px;}

	.subscribe-block{padding: 40px 0;}
	.subscribe-block h2{font-size: 26px;line-height: 36px;}
	.subscribe-block .btn-main{padding: 10px 15px;font-size: 14px;margin-right: 15px;}
	.subscribe-block .btn-main i{margin-right: 5px;}

	footer img{width: 250px;}
	footer ul li{margin-right: 30px;}
	footer ul li a{font-size: 16px;}
	.copyright p{font-size: 18px;}

	#myBtn{width: 35px;height: 35px;line-height: 35px;font-size: 14px;right: 15px;}
	/* **** End Home Page **** */

	/* **** About & Contact Page **** */
	.about-ceo{padding: 25px 15px;}
	.about-data{padding: 30px 0 0 0;}
	.about-ceo h3{font-size: 26px;line-height:32px;}
	.about-ceo h3 span{font-size: 16px;}
	.about-ceo p{font-size: 16px;line-height: 25px;}
	.about-ceo .btn-main{font-size: 16px;margin: 30px 0 0;padding: 10px 15px;}
	.about-data p{font-size: 16px;line-height: 26px;}
	.ceo-row .row{align-items: flex-start;}
	/* **** End About & Contact Page **** */
}

@media(min-width:768px) and (max-width:991px){
	/* **** Home Page **** */
	.container{max-width: 720px;}
	.navbar-light .navbar-nav li{margin-right: 25px;}
	.navbar-light .navbar-nav .nav-link{font-size: 14px;}
	.nav-contact{margin-left: 15px;}
	.navbar-brand img{width: 150px;}

	.banner-wrapper{height: auto;}
	.banner-center{top: auto;transform: translate(0);bottom: 0;padding: 40px 0;}
	.banner-data h2{font-size: 20px;line-height: 26px;}
	.banner-data{padding: 0 0;}
	.banner-serv-bx{padding: 15px;}
	.banner-serv-bx h3{font-size: 14px;line-height: 20px;}
	.banner-data h1{font-size: 30px;line-height: 40px;margin: 0 0 15px;}
	.banner-data ul{margin: 0 0 30px;}
	.banner-data ul li{font-size: 16px;margin: 0 0 5px;}
	.banner-data ul li:before{font-size: 16px;}
	.banner-data .btn-group .btn-main{font-size: 14px;padding: 10px 30px;margin: 0 15px 0 0;}
	.discover-rw{bottom: 25px;left: 0;right: 0;}
	.discover-rw a{font-size: 14px;}
	.our-skill-wrp{padding: 45px 0;}
	.skill-box{padding: 30px 15px;}
	.skill-box img{height: 75px;}
	.titlebar{margin: 0 auto 25px;}
	.titlebar h2{font-size: 26px;}
	.titlebar p{font-size: 14px;}
	.skill-box h3{font-size: 14px;line-height: 22px;}
	.slick-track
	{
	    display: flex !important;
	}

	.slick-slide
	{
	    height: inherit !important;
	}

	.service-wrp{padding: 60px 0;}
	.service-img img{height: 45px;}
	.service-block{padding: 30px;}
	.service-wrp .col-md-4{width: 50%;}
	.service-data h3{font-size: 24px;line-height: 32px;}
	.service-data ul li{font-size: 16px;}

	.our-technical-wrp{padding: 60px 0;}
	.our-technical-wrp .container-fluid{padding: 0 15px;}
	.technical-slider .skill-box img{height:70px;}
	.blog-data h3{font-size: 26px;margin: 0 0 20px;}
	.blog-data ul li{font-size: 16px;line-height: 26px;margin: 0 0 10px;}
	.blog-data ul li:before{font-size: 16px;}

	.blog-wrpper{padding: 35px 0;}
	.blog-block{margin: 0 0 30px;}
	.blog-img img{height: 160px;}
	.blog-data{padding: 25px 15px;}
	.blog-data h3{font-size: 18px;}
	.blog-data ul li{font-size: 14px;line-height: 22px;}

	.subscribe-block{padding: 40px 0;}
	.subscribe-block h2{font-size: 26px;line-height: 36px;}
	.subscribe-block .btn-group{flex-flow: column;}
	.subscribe-block .btn-main{font-size: 16px;float: none;margin: 0 auto 5px;display: table;padding: 12px 25px;}

	#myBtn{width: 35px;height: 35px;line-height: 35px;font-size: 14px;right: 15px;}

	footer img{width: 200px;}
	footer ul li{margin-right: 20px;}
	footer ul li a{font-size: 16px;}
	.copyright p{font-size: 16px;}
	/* **** End Home Page **** */

	/* **** About & Contact Page **** */
	.about-ceo{padding: 25px 15px;}
	.about-data{padding: 30px 0 0 0;}
	.about-ceo h3{font-size: 26px;line-height:32px;}
	.about-ceo h3 span{font-size: 16px;}
	.about-ceo p{font-size: 16px;line-height: 25px;}
	.about-ceo .btn-main{font-size: 16px;margin: 30px 0 0;padding: 10px 15px;}
	.about-data p{font-size: 16px;line-height: 26px;}
	.ceo-row .row{align-items: flex-start;}

	.contact-wrp{padding: 35px 0;}
	.contact-frm{padding: 35px;}
	.contact-box{flex-flow: column;padding: 25px 15px;}
	.contact-box i{margin: 0 auto 15px;}
	.contact-box h4{text-align: center;font-size: 24px;}
	.contact-box h4 span{font-size: 15px;}
	.contact-frm .form-group .form-control{padding: 12px 15px;font-size: 15px;}
	.contact-frm .btn-main{font-size: 16px;padding: 12px 30px;}
	/* **** End About & Contact Page **** */
}

@media(min-width:576px) and (max-width:767px){
	.container{max-width: 520px;}
}

@media(min-width:448px) and (max-width:575px){
	
}

@media(max-width:767px){
	/* **** Home Page **** */
	.container{max-width: 100%;}
	.navbar-brand{margin: 0 auto;}
	.navbar-brand img{width: 200px;}
	.banner-wrapper{height: auto;background-position:right;}
	.banner-center{bottom: 50px;transform: translate(0);top: auto;}
	.banner-service{justify-content: center;margin: 0 -10px 5px;}
	.banner-service .banner-srv{width: 50%;}
	.banner-serv-bx{padding: 15px;height: calc(100% - 20px);margin: 0 0 20px;}
	.banner-serv-bx h3{font-size: 14px;line-height: 20px;}
	.banner-data{padding: 0 0;}
	.banner-data h1{font-size: 22px;line-height: 30px;margin: 0 0 15px;}
	.banner-data h2{font-size: 14px;line-height: 24px;margin: 0 0 25px;}
	.banner-data ul{margin: 0 0 20px;}
	.banner-data ul li{font-size: 14px;margin: 0 0 5px;}
	.banner-data ul li:before{font-size: 14px;}
	.banner-data .btn-group{flex-flow: column;width: 100%;}
	.banner-data .btn-group .btn-main{width: 100%;margin: 0 0 15px;text-align: center;font-size: 14px;padding: 10px 20px;}
	.discover-rw{bottom: 15px;left: 0;right: 0;}
	.discover-rw a{font-size: 14px;text-align: center;display: block;}
	.our-skill-wrp{padding: 35px 0;}
	.service-wrp .titlebar{margin: 0 auto 30px;}
	.titlebar h2{font-size: 26px;text-align: center;}
	.titlebar p{font-size: 14px;}
	.skill-box h3{font-size: 14px;line-height: 22px;}
	.slick-track
	{
	    display: flex !important;
	}

	.slick-slide
	{
	    height: inherit !important;
	}

	.service-wrp{padding: 35px 0;}
	.service-block{padding: 25px;}
	.service-img img{height: 45px;}
	.service-data h3{font-size: 24px;line-height: 34px;}

	.our-technical-wrp{padding: 35px 0;}
	.our-technical-wrp .container-fluid{padding: 0 15px;}

	.blog-wrpper{padding: 35px 0;}
	.blog-block{margin: 00px;height: auto;}
	.blog-img img{height: 250px;}
	.blog-data{padding: 25px 15px;}
	.blog-data h3{font-size: 26px;margin: 0 0 20px;}
	.blog-data ul li{font-size: 16px;line-height: 26px;margin: 0 0 10px;}
	.blog-data ul li:before{font-size: 16px;}

	.subscribe-block{padding: 30px 15px;}
	.subscribe-block h2{font-size: 20px;text-align: center;margin: 0 auto 15px;}
	.subscribe-block .btn-main{font-size: 16px;float: none;margin: 0 auto;display: table;padding: 12px 15px;}

	.footer-top{flex-flow: column;}
	.footer-top ul{flex-flow: column;margin: 0 auto;}
	.copyright p{font-size: 15px;}
	.footer-top ul li{width: 100%;}
	footer img{width: 200px;margin: 0 auto 20px;}
	footer ul li a{font-size:14px;text-align: center;padding:10px 0;display: block;}
	#myBtn{width: 35px;height: 35px;line-height: 35px;font-size: 14px;right: 15px;}
	/* **** End Home Page **** */

	/* **** About & Contact Page **** */
	.about-ceo{padding: 25px 15px;}
	.about-data{padding: 30px 0 0 0;}
	.about-ceo h3{font-size: 26px;line-height:32px;}
	.about-ceo h3 span{font-size: 16px;}
	.about-ceo p{font-size: 16px;line-height: 25px;}
	.about-ceo .btn-main{font-size: 16px;margin: 30px 0 0;padding: 10px 15px;}
	.about-data p{font-size: 16px;line-height: 26px;}

	.contact-wrp{padding: 35px 0;}
	.contact-frm{padding: 35px 15px;}
	.contact-box{flex-flow: column;padding: 25px 15px;}
	.contact-box i{margin: 0 auto 15px;}
	.contact-box h4{text-align: center;font-size: 24px;}
	.contact-box h4 span{font-size: 15px;}
	.contact-frm .form-group .form-control{padding: 12px 15px;font-size: 15px;}
	.contact-frm .btn-main{font-size: 16px;padding: 12px 30px;}
	/* **** End About & Contact Page **** */
}

@media(max-width:767px){
	header{padding: 10px 0;}
	.navbar-collapse{
		position: fixed;
		left: -100%;
		top: 0;
		min-height: 100vh;
		background: #dae3e5;
		height: 100%;
		width: 100%;
		padding: 70px 0 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	.navbar-collapse.collapse.show{
		left: 0;
	}
	.navbar-light .navbar-nav{
		margin: 0 auto;
		background: transparent;
	}
	.nav-row{
		display: block;
	}
	.navbar-brand{
		position: relative;
		z-index: 121;
	}
	.navbar-toggler{
		position: relative;
		z-index: 121;
	}
	.navbar-light .navbar-nav{
		padding: 30px 20px;
		height: calc(100vh - 150px);
		overflow: hidden;
		overflow-y: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.navbar-light .navbar-nav li{
		margin: 0;
		width: 100%;
	}
	.navbar-light .navbar-nav li:last-child{
		margin: 0;
	}
	.navbar-light .navbar-nav li .nav-link{
		font-size: 15px;
		text-align: left;
		color: #111;
	}
	body.add-fix{
		overflow: hidden;
	}
	.nav-contact{margin: 0;padding: 15px;}
	.nav-contact li a{background: #fff}
}