

@media screen and (max-width: 1200px) { }

@media screen and (max-width: 1024px) { 
	.logoBox img { width: 225px; }
	.techno-detail-content { padding: 40px; }
	.techno-detail-content2 { padding: 40px; }

	.featProj-img { height: 150px; } 

	.techno-img { height: 200px; }
	.staticBox { height: 125px; }

	.allProject-box { height: auto; margin-bottom: 15px; }
	.latest-pro-img { height: 175px; }

	.subscribe-form input { float: left; width: 300px !important; }
	.subscribe-form button { min-width: 125px; float: left; }

}

@media screen and (max-width: 992px) { }


@media screen and (max-width: 769px) {
	.mainnavSec { padding: 0; }
	.mainNav { margin-top: 5px; margin-bottom: 15px; }
	.logoBox img { width: 150px; }
	.mainNav li { margin-left: 20px; }
	.logoBox { padding: 15px 0; }
	.mainNav { margin-top: 15px; margin-bottom: 10px; }

	.techno-detail-content { padding: 25px; }
	.techno-detail-content2 { padding: 25px; }
	.tech-contHed { font-size: 24px; }
	.tech-contText { font-size: 20px; }
	.feature-projectBox { height: 350px; margin-bottom: 15px; }
	.offerBox { padding: 10px; height: 200px; }
	.offer-hed { padding-right: 42px; }
	.ind-blog-box { height: auto; }
	.indBlog-img { margin-bottom: 15px; }


	.technologyBox { margin-bottom: 15px; height: 350px; }
	.staticBox { margin-bottom: 15px; }


	.allProject-box { height: auto; margin-bottom: 15px; }
	.allProject-img { padding-right: 15px; margin-bottom: 10px; }

	.ind-blog-boxMain { height: auto !important; }
	.indBlog-img { height: 125px; }
	.blog-search input { width: 80% !important; }
	.blogTab-img { height: 65px; }

	.contact-box { margin-bottom: 30px; }

	.subscribe-form input { float: left; width: 200px !important; }
	.subscribe-form button { float: left; min-width: 100px; }
	.subscribeText { font-size: 28px; padding-top: 5px; }
}


@media screen and (max-width: 450px) { 
	
	.top-contact { text-align: center; }
	.top-contact span a { font-size: 12px; }
	.logoBox img { width: 250px; }
	.navbar-toggle { position: relative; }
	.mainNav { width: 100%; margin: 0; }
	.mainNav li { margin-left: 0; }
	.mainnavSec { position: absolute; width: 100%; z-index: 99; background: #fff; padding: 0; }
	.mainNav li a { padding: 10px; }
	.mainNav-toggleBtn { border: 1px solid #5c3b9f; padding: 8px; margin: 25px 0 0 }
	.mainNav li a:hover, .nav-active a { border-radius: 0px; }

	.bannerText h1 { font-size: 40px; }
	.techno-detail-content { padding: 35px 20px; height: auto; }
	.tech-contHed { font-size: 26px;  }
	.tech-contText { font-size: 18px; text-align: justify; }
	.techno-detail-content2 { padding: 35px 20px; height: auto;  }
	.main-banner { height: auto; padding-bottom: 35px; }
	.bannerText { padding-top: 35px; }
	.head-title { font-size: 25px; }
	.feature-projectBox { margin-bottom: 15px; }
	.offerSub-hed { padding: 0 20px; text-align: justify; }
	.offerBox { margin-bottom: 15px; }
	.analysisBox:before { right: -10px; }
	.analysisBox:after { left: -10px; }
	.ind-blog-box { height: auto; margin-bottom: 15px; }
	.indBlog-img { margin-bottom: 10px; }
	.subscribe-sec { text-align: center; }
	.subscribeText { font-size: 25px; }
	.subscribe-form input { width: 100% !important; margin-bottom: 10px; }
	.subscribe-form button { float: none; }

	.footer-logoSec { margin-bottom: 10px; }
	.footerHed { font-size: 16px; }
	.footerLink li a { font-size: 13px; }
	.contact-list li { font-size: 16px; }

	.technologyBox { margin-bottom: 15px; }
	.staticBox { margin-bottom: 15px; }
	.otherText { padding: 0 20px; text-align: justify; }


	.allProject-box { height: auto; margin-bottom: 15px; }
	.allProject-img { padding-right: 15px; margin-bottom: 10px; height: 150px; overflow: hidden; }
	.allProject-img img { height: auto; }

	.about-textSec { padding-left: 15px; }
	.about-imgBox { margin-bottom: 15px; }

	.ind-blog-boxMain { height: auto !important; }
	.blob-main-sec { margin-bottom: 50px; }
	.blog-search input { float: left; margin-bottom: 10px; }
	.blog-search button { float: left; margin-bottom: 10px; }
	.blog-sideBar-list li { width: 45%; float: left; margin-right: 10px; }
	.blog-sideBar-list { display: table; margin-bottom: 5px; }


}

@media screen and (max-width: 321px) {

	.logoBox img { width: 215px; }
	.top-contact span { margin-right: 10px; }
	.top-contact span a { font-size: 11px; }
	.mainNav-toggleBtn { margin: 15px 0 0; }


 }






