@media(max-width:640px){
    .top-bar{
        display:none;
    }
    .header-bottom ul{
        display:none;
    }
    .carousel-caption div{
        display:none;
    }
    .carousel-caption h2,h3{
        display:none;
    }
    .carousel-indicators{
        display:none;
    }
    .modal-content{
        width:100% !important;
    }
}
@media(max-width:768px){
    .top-bar{
        display:none;
    }
    .header-bottom ul{
        display:none;
    }
    .carousel-caption div{
        display:block;
    }
    .carousel-caption h2,h3{
        display:none;
    }
    .carousel-indicators{
        display:none;
    }
    .modal-content{
        width:100% !important;
    }
}


/* - max-width: 767 */
@media (max-width: 767px) {
	/* - Section Header */
	.section-header h3 {
		line-height: 36px;
		font-size: 26px;
	}
	/* - Page Header */
	.page-banner h3 {
		font-size: 30px;
		letter-spacing: 4.5px;
		line-height: 42px;
	}
	
	.rev_slider > ul li.slider-shape .slotholder::before {
        width: 100%;
    }
	
	/* - Services Section */
	.services-section3 .srv-box::after {
		left: 31.5px;
	}
	.services-section3 .srv-box span {
		left: 0;
	}
	.services-section3 .srv-box > span::after {
		width: 40px;
	}
	.services-section3 .srv-box > span::before {
		right: -70px;
	}
	
	/* - Portfolio Section */
	.portfolio-content .portfolio-detail::after {
		top: 30px;
		bottom: 30px;
		left: 60px;
		right: 60px;
	}
	.portfolio-content .portfolio-detail::before {
		left: 30px;
		right: 30px;
		bottom: 60px;
		top: 60px;
	}
	.portfolio-content .portfolio-detail > i::after {
		left: 58.5px;
		right: 58.5px;
		height: 40px;
	}
	.portfolio-content .portfolio-detail > i::before {
		bottom: 58.5px;
		top: 58.5px;
		width: 40px;
	}
	
	/* - Portfolio Masonry */
	.portfolio-masonry .portfolio-box,
	.portfolio-masonry .grid-sizer {
		width: 50%;
	}
	.portfolio-masonry .portfolio-box.width2 {
		width: 100%;
	}
	.portfolio-single .portfolio-detail > ul > li + li {
		margin-left: 10px;
	} 
	
	/* - Blog Single */
	.comment-list .children { 
		padding-left: 0;
	}
	
	/* - Process Section */
	.process-box .process-cnt > h4 {
		font-size: 13px;
	}
	.process-box > span::before {
		right: -20px;
	}
	.process-box > span::after {
		right: -34px;
	}
	.process-section .row .process-box:nth-child(5n) > span::before, 
	.process-section .row .process-box:nth-child(5n-1) > span::before  {
		width: 40px;
	}
	.process-section .row .process-box:nth-child(5n) > span::after {
		right: 34px;
	}
	.process-section .row .process-box:nth-child(n+6) > span::after {
		left: 0;
	}
	
	/* - History Section */
	.history-content::before { 
		left: 29px;
		right: auto;
	}
	.history-content::after { 
		left: 21px;
		right: auto;
	}
	.history-box > span::after {
		left: -63px;
	}
	.history-section .view-more {
		text-align: left;
	}
	
	/* - Contact Section  */
	.contact-content .container > .row [class*="col-xs-"] {
		width: 100%;
	}
	.contact-detail {
		margin-top: 50px;
	}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.container {
  width: 970px;
}
.md-mb-30{margin-bottom:30px;}
.quote-btn button {
	width: 128px;
}
.progress-area {
	margin-top: 100px;
}
.mainmenu ul li {
	margin: 0 17px;
}
.mainmenu ul li a {
	font-size:14px;
}
.mainmenu li::after {
	left: -17px;
}
.slider-content h1 {
	font-size: 40px;
	line-height: 40px;
}
.slider-content {
	top: 57%;
}
.mt-120 {
	margin-top: 100px;
}
.pt-120{padding-top:100px;}
.ptb-120 {
	padding: 100px 0;
}
.bg-img-1, .bg-img-4{
	background-image: none;
}
.choose-wrap p {
	font-size: 14px;
}
.news-content p {
	font-size: 20px;
}
.news-computer-img {
	width: 295px;
}
.news-tab-img {
	width: 149px;
}
.section-title p {
	font-size: 21px;
}
.project-content p, .blog-info p {
	font-size: 14px;
}
.blog-info h4 {
	font-size: 15px;
}
.tab-content p, .tab-menu {
	margin-bottom: 20px;
}
.history-wrap h3 {
	font-size: 25px;
}
.history-wrap h1 {
	font-size: 40px;
	line-height: 54px;
	margin-bottom: 15px;
}
.history-wrap p {
	margin-bottom: 20px;
}
.service.sidebar-bg-img::before {
	display: none;
}
.home2-about-area .about-wrap {
	padding: 35px 0;
}
.pricing-table-wrap {
	padding: 60px 30px;
}
.pricing-table-wrap h3 {
	font-size: 20px;
}
.video-content h1 {
	font-size: 41px;
	line-height: 50px;
}
.faq-wrap .panel-default a {
	font-size: 14px;
	padding: 10px 0 10px 30px;
}
.faq-wrap .panel-body p {
	font-size: 14px;
}
.test-content p {
	font-size: 14px;
}
.histor-point-active.next-prev .owl-nav div {
	left: -80px;
}
.black-bg .progress-container.ptb-50 {
	padding: 15px;
}
.black-bg.home5-progress-area .progress-wrap {
	padding: 25px 15px;
}
.service2-area .service-wrap {
	padding: 40px 25px;
}
.project2-area .project-content {
	padding: 0 91px;
}
.blog-wrap .blog-video iframe {
	height: 205px;
}
.blog-wrap .blog-audio iframe {
	height: 75px;
}
.blog-masonary-area .blog-wrap {
	margin-bottom: 30px;
}
.contact-wrap {
	padding: 140px 50px;
}
.info-404 {
	padding: 30px 25px;
}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.container {
    width: 750px;
}
.responsive-menu-wrap .slicknav_nav {
  width: 720px;
}
.contact span, .contact span i {
	margin-right: 5px;
	font-size: 14px;
}
.quote-btn{margin-left:10px;}
.quote-btn button {
	width: 102px;
}
.progress-area {
	margin-top: 70px;
}
.progress-wrap {
	padding: 0 15px;
}
.slider-content h1 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.header-buttom2.sticky {
	padding-bottom: 15px;
}
.read-more-btn {
	margin-top: 15px;
}
.header-buttom {
	background: #121212 none repeat scroll 0 0;
	z-index:99999999999;
	position: static;
}
.logo,.search-box,.offcanvas{
	position:relative;
	z-index:99999;
}
.logo {
  margin: 18px 0;
}
.search-box {
  padding: 29px 0;
}
.offcanvas {
  padding: 35px 0;
}
.responsive-menu-wrap .slicknav_nav, .search {
	z-index: 9999999;
}
.responsive-menu-wrap .slicknav_nav {
	border-radius: 0;
	top: 33px;
	width: 720px;
}
.mt-120 {
	margin-top: 70px;
}
.choose-wrap {
  text-align: center;
}
.pt-120{padding-top:70px;}
.ptb-120{padding:70px 0px;}
.section-title p {
	font-size: 17px;
	line-height: 26px;
}
.about::before {
	display: none;
}
.about-wrap.clear {
	padding: 70px 0;
}
.about-wrap h1 span {
	display: inline-block;
}
.about-wrap h1 {
	font-size: 38px;
	line-height: 40px;
	margin-bottom: 30px;
}
.news-tab-img {
	display: none;
}
.funfact-wrap p {
	font-size: 14px;
}
.brand-wrap {
	line-height: 65px;
	min-height: 65px;
	padding: 0 10px;
}
.footer-widget p {
	margin-bottom: 25px;
}
.mb-25{margin-bottom:25px;}
.responsive-menu-wrap .slicknav_menu {
	padding: 35px 0;
}
.bg-img-1, .bg-img-4{background:none;}
.service-wrap {
	padding: 70px 50px;
}
.histor-point-active.next-prev .owl-nav div.owl-next {
	right: -5px;
	left:auto;
}
.business-content li {
	font-size: 14px;
}
.business-side-img, .service.sidebar-bg-img::before {
	display: none;
}
.home2-about-area .about-wrap {
	padding: 0;
	text-align: center;
}
.pricing-table-wrap{
	margin-bottom:50px;
}
.mb-0{margin-bottom:0px !important;}
.video-content {
	padding-top: 0;
}
.expert-wrap {
	padding: 25px 5px;
}
.skill.sidebar-bg-img::before {
	display: none;
}
.home5-progress-area .progress-wrap.brl {
	border-right: medium none;
}
.testimonial-wrap {
	margin-bottom: 50px;
}
.ptb-170 {
	padding: 100px 0;
}
.black-bg .progress-container.ptb-50 {
	padding: 50px;
}
.black-bg.home5-progress-area .progress-wrap {
	padding: 25px 15px;
}
.black-bg::after, .black-bg::before {
	display: none;
}
.about-details-text p {
	font-size: 17px;
	line-height: 28px;
}
.service2-area .service-wrap {
	margin-bottom: 30px;
}
.project2-area .project-content {
	padding: 0 30px;
}
.project4-area .project-wrap{margin-bottom:30px;}
.our-team-area .team-wrap, .blog-masonary-area .blog-wrap {
	margin-bottom: 30px;
}
.blog-text {
	padding: 30px;
}
.blog-text p::before {
	right: 135px;
}
.comment-text p {
	font-size:14px;
}
.comment-wrap .form-style p {
	font-size: 16px;
}
.info-404 {
	padding: 30px 30px;
}
.info-404 h3 {
	font-size: 25px;
}
.wrap-404 p {
	padding: 0 35px;
}
.comming-soon-wrap {
	padding: 90px 0;
}
.about2 .about-wrap {
	padding-bottom: 30px;
}
.right-sodebar-area{margin-top:50px;}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
.container {width:300px}
.header-buttom.sticky {
	position: static;
}
.contact span {
	display: block;
	margin-right: 0;
	text-align: center;
}
.progress-area {
	margin-top: 70px;
}
.header-buttom {
	position: static;
}
.responsive-menu-wrap .slicknav_menu {
  padding: 30px 0;
  z-index: 9999;
}
.responsive-menu-wrap .slicknav_nav {
  top: 29px;
  width: 270px;
}
.logo,.search-box,.offcanvas{
	position:relative;
	z-index:99999;
}
.slider-content h1 {
	font-size: 15px;
	line-height: 25px;
	margin-bottom:0px;
}
.slider-content p, .slider-content ul {
	display: none !important;
}
.read-more-btn {
	margin-top: 10px;
}
.slider-content {
	text-align: center;
}
.slider-active .owl-nav div {
	height: 35px;
	left: 10px;
	line-height: 35px;
	width: 60px;
}
.slider-active .owl-nav div.owl-next{
	right:10px;
} 
.progress-wrap {
	margin-bottom: 20px;
	padding: 0 10px;
}
.mb-0 {margin-bottom: 0 !important;}
.brl {
	border:none;
}
.choose-wrap {
  text-align: center;
}
.section-title p {
	font-size: 15px;
	line-height: 25px;
	padding: 0 0 20px;
}
.ptb-120{padding:70px 0px;}
.mt-120{margin-top:70px;}
.pt-120{padding-top:70px;}
.about::before {
	display: none;
}
.about-wrap.clear {
	padding: 70px 0;
}
.about-wrap h3 {
	margin-bottom: 20px;
}
.about-wrap h1 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
}
.sign-wrap {
	margin-right: 0;
}
.service-wrap {
	padding: 35px 10px;
	margin-bottom:30px;
}
.choose-title {
	font-size: 34px;
	line-height: 30px;
	margin-bottom: 40px;
}
.project-menu button {
	margin: 0 3px 10px;
	padding: 6px 10px;
}
.project-content {
	padding: 0 15px;
}
.project-wrap {
	margin-bottom: 30px;
}
.section-title h2 {
	font-size: 32px;
	margin-bottom: 20px;
}
.blog-wrap {
	margin-bottom: 30px;
}
.blog-info p {
	font-size: 14px;
}
.funfact-wrap span {
	font-size: 35px;
	margin-bottom:20px;
}
.funfact-icon i {
	font-size: 30px;
	margin-bottom: 10px;
}
.funfact-wrap {
	margin-bottom: 20px;
}
.project-content p {
	font-size: 14px;
}
.brand-wrap {
	line-height: 50px;
	margin-bottom: 30px;
	min-height: 50px;
	padding: 0 5px;
}
.footer-widget {
	margin-bottom: 30px;
}
.search button {
	width: 50px;
}
.search {
	padding: 50px 30px;
}
.search input{
	height:40px;
}
.search-box {
  padding: 25px 0;
}
.skill-title {
	font-size: 25px;
	margin-bottom: 20px;
}
.tab-menu li {
	margin: 0;
}
.tab-menu li a {
	width: 87px;
}
.tab-menu::after {
	width: 100%;
}
.our-skill {
	margin-top: 40px;
}
.bg-img-1, .bg-img-4{background:none;}
.business-content h1 {
	font-size: 33px;
	margin-bottom:25px;
}
.business-content p {
	font-size: 15px;
	line-height:25px;
}
.business-side-img, .history-img {
	display: none;
}
.history-wrap h1 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
}
.histor-point-active.next-prev .owl-nav div {
	left: -60px;
}
.service.sidebar-bg-img::before {
	display: none;
}
.pricing-table-wrap {
	margin-bottom: 50px;
	padding: 50px 30px;
}
.video-content h1 {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 15px;
}
.video-content {
	padding-top: 0px;
}
.video-area .video iframe {
	height: 160px;
}
.expert-wrap{margin-bottom:30px;}
.history-wrap p {
	font-size: 14px;
}
.home5-progress-area .progress-wrap {
	padding: 0;
}
.skill.sidebar-bg-img::before {
	display: none;
}
.testimonial-wrap {
	margin-bottom: 30px;
}
.test-img::before, .test-img::after {
	display: none;
}
.test-img {
	float: none;
	text-align: center;
}
.test-content {
	margin-left: 0;
	text-align: center;
}
.test-content p{
	font-size:14px;
}
.breadcrumb-wrap h2 {
	font-size: 30px;
}
.ptb-170{padding:100px 0px}
.black-bg::after, .black-bg::before {
	display: none;
}
.about2 .about-wrap {
	padding: 0 0 30px;
}
.about-details-text {
	margin: 50px auto;
	width: 100%;
	text-align:center;
}
.about-details-text p {
	font-size: 15px;
	line-height: 25px;
}
.project2-area .project-content {
	padding: 0 20px;
}
.single-project h2 {
	font-size: 20px;
	margin-bottom:20px;
}
.single-project span {
	width: 150px;
}
.single-project ul li {
	font-size: 14px;
}
.our-team-area .team-wrap {
	margin-bottom: 30px;
}
.blog-wrap .blog-video iframe {
	height: 165px;
}
.blog-text {
	padding: 30px 0;
}
.blog-text p::after, .blog-text p::before, .comment-text::after, .comment-wrap .form-style p, .gmap4 {
	display: none;
}

.total-comment, .social-icon, .comment-wrap {
	text-align: center;
}
.comment-img {
	float: none;
}
.comment-text {
	margin-left: 0;
	margin-top: 30px;
}
.contact-wrap {
	padding: 100px 15px;
}
.gmap3{width:100%}
.google-map-area{height:250px;}
.info-404 {
	padding: 30px 10px;
}
.info-404 a {
	font-size: 15px;
	padding: 15px 48px;
}
.wrap-404 p {
	font-size: 14px;
	padding: 0;
}
.comming-soon-wrap h3 {
	font-size: 20px;
}
.comming-soon-wrap > p {
	font-size: 13px;
}
.timer .cdown{margin-bottom:10px;}
.comming-soon-wrap {
	padding: 100px 0;
}
.right-sodebar-area{margin-top:50px;}
.business-content li:last-child {
  margin-bottom: 20px;
}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.responsive-menu-wrap .slicknav_nav {
	top: 30px;
	width: 420px;
}
.project-content {
	padding: 0 50px;
}
.project-content p, .blog-info p{
	font-size:15px;
}
.brand-wrap {
	line-height: 80px;
	min-height: 80px;
	padding: 0 15px;
}
}