/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 1.0.0
*/

/*======================= techno HEADING NAV AREA CSS ========================*/

/* MENU CSS */

.transprent-menu .techno_menu>ul>li a{
	color: #232323;
}


.main-search-menu{
     padding-right: 20px;
}

.donate-btn-header{
	 padding-right: 20px;
}


/* stycky nav js */

.techno_nav_area.prefix .techno_menu>ul>li>a {
	color: #232323;
}

/* Transparent Whte Button Css */

.prefix a.dtbtn {
    background: #0c5adb;
    color: #fff;
    border: 2px solid #fff;
}

/* sub menu style */
.techno_menu ul li:hover >.sub-menu {
	z-index: 9999;
}

/* Case Study Category*/
.case_category {
    display: none;
}

.em-cases-study-title::after{
    content: "\a";
    white-space: pre;
}

/*======================= END techno HEADING NAV AREA CSS ========================*/

/*======================= Blog page CSS ===================================*/
.techno-blog-area {
    padding: 90px 0 0px;
}
/*======================= END Blog page CSS ===================================*/

/*======================== techno FOOTER MIDDLE AREA CSS =========================*/

.footer-middle::before {
    content: "";
    position: absolute;
    right: 0;
    top: 41%;
    background: none;
    background-repeat: no-repeat;
    height: 0;
    width: 0;
    z-index: 999;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    z-index: -1;
    opacity: 0.3;
}
.footer-middle::after {
    content: "";
    position: absolute;
    left: 96px;
    top: 41%;
    background: none;
    background-repeat: no-repeat;
    height: 0;
    width: 0;
    z-index: 999;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    z-index: -1;
    opacity: 0.3;
}

.get_quote::before {
    content: "";
    position: absolute;
    right: 15px;
    top: 28px;
    background: none;
    background-repeat: no-repeat;
    height: 0;
    width: 0;
    z-index: 999;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    z-index: -1;
    opacity: 0.6;
}
.get_quote::after {
    content: "";
    position: absolute;
    left: 48%;
    top: 64%;
    background: none;
    background-repeat: no-repeat;
    height: 0;
    width: 0
    z-index: 999;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    z-index: -1;
    opacity: 0.5;
}

.footer-middle .widget ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0px;
    background: #000000;
    height: 0px;
    width: 0px;
    font-size: 0px;
}

.footer-middle .widget ul li {
    margin-bottom: 13px;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 16px;
    color: #f8f9fe;
    padding-left: 0px;
}
/*======================== END FOOTER middle AREA CSS =========================*/

/*======================== techno FOOTER BOTTOM AREA CSS =========================*/
.footer-bottom {
    background: none;

}
.footer-bottom .row{
		padding:20px 0;
		border-top:1px solid rgba(0,0,0,.15);	
} 

.footer-menu .social-icon {
	color: #f8f9fe;
	display: block;
	font-size: 15px;
	margin-left: 10px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #0097db;
	text-align: center;
	color: #f8f9fe;
	border-radius: 100%;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, 0.2);
	        box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, 0.2);
}

.footer-menu .social-icon:hover {
	color: #fff;
	background-color: #0f6dbf;
}

.footer-logo {
	margin-bottom: 18px;
	margin-top: 0px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 40px;
}

/*======================== END FOOTER BOTTOM AREA CSS =========================*/

/*======================== INFUSIONSOFT FORM AREA CSS =========================*/

/*formatting Infusionsoft Forms*/

.infusion-field label {
	margin-top: 10px;
	margin-bottom: 0;
}

.infusion-field-input, .infusion-textarea {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px !important;
}

.infusion-textarea {height:200px;}

.infusion-submit button[type='submit'],
.infusion-submit input[type='submit'] {
    /* this is where code goes to style button */
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border: 0px solid #0c5adb;
    border-radius: 5px 5px 5px 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #0c5adb;
    color: #fff;
    /* font-size: 24px; */
    /* font-family: Raleway, Arial, Helvetica, sans-serif; */
    font-weight: 400;
	font-size: 17px;
    transition-duration: 0.2s;
    text-decoration: none;
    text-shadow: none;
    /* text-transform: uppercase; */
    cursor: pointer;
}

/*======================== END INFUSIONSOFT FORM AREA CSS =========================*/

/*======================== Case Study / Portfolio CSS ===================================*/
.portfolio_nav {
    padding: 0px 0 15px;
    text-align: center;
}

.portfolio_nav ul {
	margin-bottom: 30px;
	text-align:center;
}

.portfolio_nav ul li {
	display: inline;
}
.portfolio_nav ul li {
    background: #f2f4ff;
    border: medium none;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    text-transform: capitalize;
    padding: 12px 27px;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
    margin: 0 3px;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
}

.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
	color: #fff;
	background:#0c5adb;
}

.portfolio_nav ul li:first-child {
	border-left: 0;
}

.prot_wrap {
	overflow: hidden;
}


/* single gallery css */
.single_protfolio {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.prot_thumb {}
.prot_thumb img {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.single_protfolio:hover .prot_thumb img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    right: 20px;
    bottom: 35px;
    left: 20px;
    opacity: 0;
    background: #0c5adb;
    margin: auto;
    text-align: left;
    padding: 30px 20px 30px;
    border-radius: 5px;
}
.single_protfolio:hover .prot_content {
	opacity:1;
	bottom:50px;
}
.multi_gallery.prot_content {
	height: 90%;
	width: 80%;
	right: 10%;
	top: 5%;
	bottom: 5%;
	left: 10%;
}
.prot_content h3 {
    margin: 8px 0 0px;
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.prot_content h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}
.prot_content p {
	color: #fff;
	line-height: 1.2;
	margin: 5px 0 0;
}

.prot_content p span {
	display: inline-block;
	padding-top: 0px;
}
.porttitle_inner span {
	position: relative;
	margin: 0 2px;
}
.prot_content span:before {
	bottom: 0;
	content: ",";
	position: absolute;
	right: -5px;
}

.porttitle_inner span:last-child:before {
	content: "";
}

.nospace.col-xs-12 {
	padding: 0px;
}
.nospace .single_protfolio {
	margin-bottom: 0px;
}
/* load button css */
.gallery_load_button a {
	border: 1px solid #ddd;
	color: #444;
	padding: 7px 15px;
	display: inline-block;
	font-size: 17px;
	margin-top: 0px;
}
.gallery_load_button a:hover {
	border-color: #333;
	background: #333;
	color: #fff;
}
.prot_wrap.nospace .gallery_load_button a {
	margin-top: 30px;
}
/* portfolio icon css */
.picon {
    margin-bottom: 25px;
}
.picon a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #0c5adb;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 0 3px 0;
    width: 40px;
    text-align: center;
}
.picon a:hover {
	background: #00247E;
	color: #fff;
}

/* single portfolio */
.pimgs {
	margin-bottom: 15px;
}

.pimgs img {}

.prots-contentg {
	max-width: 1140px;
	margin: auto;
	color: #ffffff;
}

.prots-contentg h1,
.prots-contentg h2,
.prots-contentg h3,
.prots-contentg h4,
.prots-contentg h5,
.prots-contentg p{
	color: #ffffff;
}

.prots-contentg ul {
	margin-left: 0px;
}

.portfolio_details {
    overflow: hidden;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 65px 50px 50px;
}
.portfolio_details_image {
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px 
    rgba(0,0,0,0.10);
            box-shadow: 0 0 30px 
    rgba(0,0,0,0.10);
    padding: 65px 50px 50px;
	border-radius: 25px;
    border: 1.5px solid rgba(0,0,0,0.10);
}
.portfolio_info {
    padding-left: 50px;
    padding-top: 48px;
}
.portfolio_info h2 {
    font-size: 25px;
    font-family: muli;
    padding-bottom: 17px;
}
.portfolio-details-box li strong {
    font-size: 20px;
    margin-right: 5px;
}
.pr-title {
    padding: 24px 0 18px;
}
.port_dtl_social{} 
.port_dtl_social span{
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	display:block;
	
} 
.port_dtl_social a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #0C5ADB;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    line-height: 35px;
}

.portfolio_details .col-md-6 {
	float: left;
}

/* project desc */
.portfolio-details-box li {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 300;
    padding: 13px 0;
    text-transform: capitalize;
    list-style: none;
}

.portfolio-details-box li:last-child {
	border-bottom: 0 none;
}

.portfolio-details-box li span {
	color: #333;
	display: inline-block;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase;
	width: 170px;
}
.portfolio-details-box li:first-child {
    padding-top: 0;
}

.portfolio-details-box ul {
	margin-bottom: 20px;
}

.portfolio-description {
	margin-top: 50px;
}

.portfolio-description>p {
	font-size: 18px;
}

.projects-navigation-wrap {
	margin-top: 50px;
}
.projects-navigation-wrap a {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
.pr-title h2 {
    font-size: 42px;
	font-weight: 800;
    text-transform: capitalize;
    padding-top: 10px;
	line-height: 1.2;
}
.pr-title h5 {
	font-size: 16px;
	font-weight: 700;
    text-transform: capitalize;
    padding-top: 10px;
	color: #0c5adb;
}

.prot_content.multi_gallery {
	width: 75%;
	margin: auto;
}
.portfolio_desc{
	background: #0097db;
	text-align: center;
    margin-top: 100px;
    padding: 100px 0;
}

/*======================== END Case Study / Portfolio CSS ===================================*/

/*======================== Mobile CSS ===================================*/
@media (min-width: 1280px) and (max-width: 1600px) {


	.banner-slick.banner-content h2 {
		width: 52%;
	}
	.em-slick-slider-new .banner-content {
		left: 14%;
	}
	.banner-content {
		width: 100%;
	}
	.single-video {
		position: relative;
		text-align: center;
		margin-left: 115px;
	}
	.slick-style-two .slider_single_img {
		right: 1%;
	}
    .techno_menu > ul > li > a {
    	margin: 30px 9px;
    }
	.about_choose_us {
		background: #2d2d2d;
		padding: 41px 50px 0px 178px !important;
	}
	#team::before {
		right: inherit;
		z-index: -1;
		left: -10px;
		bottom: 0 !important;
		top: inherit;
	}
    	
}
@media (min-width: 1280px) and (max-width: 1439px) {
     .em-nivo-slider-wrapper .nivo-directionNav {
         display: none;
    }
	.banner-content {
		width: 100%;
	}
	.single-video {
		position: relative;
		text-align: center;
		margin-left: 115px;
	}
	.slick-style-two .slider_single_img {
		right: 1%;
	}
	.slick-style-two .slider_single_img img {
		width: 69%;
	}
	a.dtbtn {
		padding: 13px 26px;
	}
	.slick-style-two .slider_single_img {
		right: -16%;
		top: 282px;
	}
	.slider_circle_img.rotateme {
		right: -220px;
		top: 0;
	}

}
/* ------------------------------------------------- Laptop Screen ---------------------------------------------------*/
 @media (min-width: 1170px) and (max-width: 1366px) {
	 .banner-content p {
         width: 70%;
    }
	.banner-slick.banner-content.banner-content p {
		width: 50%;
	}
    .donate-btn-header {
    	margin-left: 0px;
    }
    .em-slider-descript {
    	width: 65%;
    }
	a.dtbtn {
		padding: 15px 21px;
		font-size: 13px;
	}
    .tr-btn-search .trp_nav_area {
    	padding: 25px 20px;
    }
	.techno-blog-meta-left a, .techno-blog-meta-left span {
		font-size: 14px;
	}
	.blog-page-title > h2 {
		font-size: 20px;
	}
	.banner-slick.banner-content h2 {
		width: 68%;
	}
	.em-slick-slider-new .banner-content {
		left: 10%;
	}
    .techno_menu > ul > li > a {
    	margin: 30px 6px;
    }
	.banner-content {
		width: 100%;
	}
	.em_single_testimonial {
		margin-top: 40px;
	}
	.footer-middle .recent-post-text h4 a {
		font-size: 16px;
	}
	.footer-middle .recent-post-text .rcomment {
		font-size: 11px;
	}
	.single-video {
		margin-left: 0;
	}
	.single-video .layer-2 {
		top: -43% !important;
		left: 57% !important;
	}
	.single-video .layer-4 {
		/* top: 78% !important; */
		right: 11px;
	}
	.single-video .layer-3 {
		left: -7% !important;
	}
	.single-video .layer-1 {
		top: -30% !important;
		left: -59px !important;
	}
	.slick-style-two .slider_single_img {
		right: -16%;
		top: 282px;
	}
	.slick-style-two .slider_single_img img {
		width: 69%;
	}
	.slider_circle_img.rotateme {
		right: -220px;
		top: 0;
	}
	.about_choose_us {
		background: #2d2d2d;
		padding: 41px 50px 0px 76px !important;
	}
	#team::before {
		right: inherit;
		z-index: -1;
		left: -10px;
		bottom: 0 !important;
		top: inherit;
	}
	.section-title h2 {
		font-size: 39px;
		text-transform: none;
	}
    .em-slick-slider-new .slick-prev {
    	left: 7px;
    }
    .em-slick-slider-new .slick-next {
    	right: 7px;
    }
    .banner-slick.banner-content h1,
    .banner-slick.banner-content h3 {
    	font-size: 60px;
    }
    .portfolio_info {
    	padding-top: 0;
    }
	.effective-content p {
		width: 86%;
	}
	.donate-btn-header {
		 margin-left: 15px;
	 }
}
/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1169px) {

	.em-slider-sub-title {
		font-size: 90px;
	}
	.slider_circle_img.rotateme {
		right: -220px;
		top: 0;
	}
    .portfolio_info {
    	padding-left: 30px;
    	padding-top: 0;
    }
	.single_protfolio:hover .prot_content {
		bottom: 18px;
	}
	.em-slider-descript {
		width: 65%;
	}
    .tr-btn-search .trp_nav_area {
    	padding: 25px 20px;
    }
	.price_item span {
		font-size: 45px;
	}
     .menu-height-space {
         height: 0;
    }
	.slick-style-two .slider_single_img {
		position: absolute;
		top: 222px;
		right: -19%;
		z-index: 999;
	}
	.slick-style-two .slider_single_img img {
		width: 73%;
		opacity: 1;
	}
     .em-nivo-slider-wrapper:hover .nivo-directionNav a {
         left: 5px;
    }
     .em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
         left: auto;
         right: 5px;
    }
     .em-nivo-slider-wrapper .nivo-directionNav {
         display: none;
    }
     .curosel-style .owl-nav div {
         left: 15px;
    }
     .curosel-style .owl-nav .owl-next {
         left: auto;
         right: 15px;
    }
	.banner-content p {
		width: 58%;
	}	
	.style_two .em_content_text h2 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 27px;
	}
	.banner-content p {
		width: 96%;
	}
	.em_slider_inner {
		left: 0;
		right: 0;
		top:60%;
	}
	.em-blog-content-area_adn {
		padding: 26px 13px 34px;
	}
	.style_three .em_content_text h2 {
		font-size: 25px;
	}			
	.em-nivo-slider-wrapper .nivo-controlNav {
		display: none;
	}
	.em_content_text h2 {
		font-size: 17px !important;
	}
	.em-service2 .em-service-title h2 {
		font-size: 18px;
	}
	.banner-slick.banner-content.banner-content p {
		width: 60%;
	}
	a.dtbtn {
		margin-left: 15px;

	}
.techno_menu > ul > li > a {
	font-size: 14px;
}
	.em-slick-slider-new .single-slide {
		height: calc(125vh - 100px);
		position: relative;
	}
	a.dtbtn {
		padding: 15px 21px;
		font-size: 13px;
	}
	.t_left.section-title h6 {
		font-size: 210px;
	}
	.blog-page-title > h2 {
		font-size: 20px;
	}
	.single-video h3 {
		font-size: 32px;
	}
	.techno-blog-thumb_adn {
		float: none;
	}
	.techno-blog-thumb_adn img {
		width: 100%;
	}
	.banner-content {
		width: 100%;
	}
    .em-slick-slider-new .banner-content {
    	left: 03%;
    }
	.techno_menu.main-search-menu > ul, .em-quearys-top.msin-menu-search {
		display: inline-block;
		margin-right: 0;
	}
	.em-quearys-top.msin-menu-search .em-quearys-menu i {
		margin-left: 0;
	}
	.em_content_text {
		padding: 0 44px 0 40px;
	}
    .default-style .em_content_text {
    	padding: 0;
    }
	.em-feature:hover .em_content_text {
		bottom: 26px;
	}
	.em-call-to-action-title span {
		width: 58%;
	}
	.em_single_testimonial {
		margin-top: 40px;
	}
	.mailchim-form {
		padding-left: 26px !important;
		padding-right: 49px !important;
	}
	.single-video {
		margin-left: 0;
	}
	.single-video .layer-2 {
		top: -43% !important;
		left: 57% !important;
	}
	.single-video .layer-4 {
		/* top: 78% !important; */
		right: 11px;
	}
	.single-video .layer-3 {
		left: -7% !important;
	}
	.single-video .layer-1 {
		top: -30% !important;
		left: -59px !important;
	}
	.em-service-title h2 {
		font-size: 22px;
	}
	.about_choose_us {
		background: #2d2d2d;
		padding: 41px 40px 0px 50px !important;
	}
	.about_choose_us .section-title h2 {
		font-size: 35px;
	}
	.front h3,
	.back h3 {
		font-size: 20px !important;
	}
	.third_block {
		display: block !important;
	}
	.mailchim-form-inner {
		margin: auto !important;
	}
	.footer-middle .recent-post-text .rcomment {
		font-size: 12px;
	}
	.footer-middle .recent-post-text h4 a {
		font-size: 15px;
	}
	.footer-widget.address, .footer-widget.address p {
		font-size: 15px;
		color: #f4f6fe;
	}
	#team::before {
		right: inherit;
		z-index: -1;
		left: -10px;
		bottom: 0 !important;
		top: inherit;
	}
	.em-slick-slider-new .slick-prev,
	.em-slick-slider-new .slick-next {
		display: none !important;
	}
    .slider-style-four .slider-video-icon {
    	right: 13%;
    }
    .curosel-style .owl-nav .owl-prev {
    	left: 15px;
    }
    .curosel-style .owl-nav .owl-next {
    	right: 15px;
    }
	.techno_menu > ul > li > a {
		margin: 30px 8px;
	}
	.em-quearys-menu i {
		margin-left: 5px !important;
		display: inline-block;
	}
    .case_default .em-cases-study-title h2 a {
    	font-size: 22px;
    }
	.effective-content p {
		width: 86%;
	}
	.em-feature.style-three {
		padding: 50px 15px;
	}
	.heading_title {
		font-size: 31px;
	}

}
/* ------------------------------------------------- Large Screen. ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1920px) {
	.em-nivo-slider-wrapper .nivo-controlNav {
		display: none;
	}
}
/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
 @media (min-width: 840px) and (max-width: 850px) {
	.em_slider_inner {
		left: 0;
	}
}
 @media (min-width: 768px) and (max-width: 991px) {
	.kc_col-sm-4,
	.kc_col-sm-3 {
		width: 50% !important;
	}
	.kc_accordion_header > a {
		font-size: 14px !important;
	}
    .em_work_progress-number::before {
    	display: none;
    }
    .slider-style-four .slider-video-icon {
    	right: 13%;
    	top: 26%;
    }
    .banner-slider-content p {
    	width: 85%;
    	color: #d5c6c6;
    }
	.breadcumb-area {
		padding: 125px 0 143px;
	}
	.service_details .kc_col-sm-8{
		width: 60% !important;
	}
	.service_details .kc_col-sm-4{
		width: 40% !important;
	}
	.service_details .kc_tabs_nav > li > a, .service_details .nav-pills > li > a {
		padding: 0 10px;
	}
	.slider_circle_img.rotateme {
		right: -320px;
		top: 0;
	}
	.srv-dtl-inner .kc_col-sm-6 {
		width: 100% !important;
	}
	.author.mt-120 p {
    	font-size: 16px;
    	overflow: hidden;
    }
	 .em-slider-sub-title {
		font-size: 85px;
	}
    .em-slider-descript {
    	width: 80%;
    }
     .em-button-button-area a {
         margin-top: 20px;
    }
     .footer-top-inner p {
         width: 78%;
    }
    /* kc */
     .menu-height-space {
         height: 0;
    }
     .banner-content p {
         width: 85%;
    }
     .curosel-style .owl-nav div {
         left: 15px;
    }
     .curosel-style .owl-nav .owl-next {
         left: auto;
         right: 15px;
    }
     .em-call-to-action-desc {
         width: 75%;
    }
	.portfolio_nav ul li {
		padding: 14px 13px;
	}
	.banner-content h2,
	.banner-content h1 {
		font-size: 30px;
	}
    .mean-container .mean-bar::before {
         top: 15px;
    }
     .title_in_area {
         width: 100%;
    }
     .em-call-to-video h3 {
         margin-top: 10px;
         font-size: 18px;
    }
     .em-nivo-slider-wrapper:hover .nivo-directionNav a {
         left: 5px;
    }
     .em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
         left: auto;
         right: 5px;
    }
    .section-title.t_center {
         width: 67%;
    }
	.em-content-image > img {
	  width: 100%;
	}
		
	.reponsive_full	.cfull.kc_col-sm-6{
		width:100% !important;
	}	
	.reponsive_full	.cfull .slick-slide img{
		width:100% !important;
	}	
	.message_full .kc_col-sm-6{
		width:100% !important;
	}		
	.feature-btn {
		margin-top: 30px;
	}
	.section-title.t_center {
		width: 89%;
	}	
	.banner-slick.banner-content.banner-content p {
		width: 60%;
	}
	.top-address.em-login.text-right {
		display: none;
	}	
	.em_slider_inner {
		left: 0;
	}
	.single-video-content p {
		width: 83%;
	}
	.em-nivo-slider-wrapper .nivo-controlNav {
		display: none;
	}
	.em-slick-slider-new {
		z-index: 0;
	}
	.footer-menu ul li a {
		margin-left: 13px;
	}
	.section-title h2 {
		font-size: 30px;
	}
	.section-title h5 {
		margin: 0 0 25px;
	}
	blockquote {
		padding: 121px 30px 50px 30px;
	}
	.post-text blockquote::before {
		left: 30px;
	}
	.comments-area .children {
		margin-left: 0px;
	}
	.blog-page-title > h2 {
		font-size: 24px;
	}
    .author.mt-120 {
    	padding: 40px 16px 35px;
    }
	.em-team-content-image img {
		width: 100%;
	}
	.em-slick-slider-new .single-slide {
		height: 600px;
	}
	.em-call-to-action-title span {
		width: 55%;
	}
	.em-slick-slider-new .banner-content {
		left: 15px;
	}
	.techno-blog-thumb_adn {
		float: none;
	}
	.techno-blog-thumb_adn img {
		width: 100%;
	}
	.banner-area {
		height: 600px;
	}
	.banner-content {
		top: 30%;
		width:100%;
	}
	.techno-header-top {
		display: none;
	}
	.meta_comments {
		display: none !important;
	}
	.slider_single_img {
		display: none;
	}
	.em-feature-thumb img {
		width: 100%;
	}
	.choose_us .kc_col-sm-6 {
		width: 100% !important;
	}
	.em_single_testimonial {
		margin-top: 40px;
	}
	.mailchim-form-inner {
		padding: 33px 100px 40px;
	}
	.mailchim-form {
		padding-left: 26px !important;
		padding-right: 49px !important;
	}
	.single-video {
		margin-left: 0;

	}
	.techno_about2 .kc_col-sm-6 {
		width: 100% !important;
	}
	.single-video .layer-4 {
		top: 78% !important;
		right: -15px;
	}
	.single-video .layer-3 {
		top: 94% !important;
		left: 0% !important;
	}
	.single-video .layer-2 {
		top: -28% !important;
		left: 75% !important;
	}
	.single-video .layer-1 {
		top: -24% !important;
		left: 0px !important;
	}
	.nav-pills > li {
		margin-right: 12px;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.20);
		        box-shadow: 0 0 3px rgba(0,0,0,0.20);
	}
	.tab_pan_content {
		padding-left: 0;
		padding-top: 40px;
	}
	.nav-pills > li > a {
		font-size: 14px !important;
	}
	.about_choose_us2.kc_col-sm-6,
	.about_choose_us.kc_col-sm-6 {
		width: 100% !important;
	}
	.single-video img {
		width: 100%;
	}
	.portfolio_details {
		padding: 40px 15px;
	}
	.portfolio_info {
		padding-left: 15px;
	}
	.recent-post-image {
		margin-right: 11px;
	}
	.mailchim-form-inner {
		margin: auto !important;
	}
	.em-slick-slider-new .slick-prev,
	.em-slick-slider-new .slick-next {
		display: none !important;
	}
	.single_protfolio:hover .prot_content {
		opacity: 1;
		bottom: 11px;
	}
	.prot_content {
		right: 7px;
		left: 7px;
	}
	.prot_content h3 a {
		font-size: 19px;
	}
	#team::before {
		display: none;
	}
	.recent-post-text h4 a {
		font-size: 15px;
		line-height: 14px;
	}
	.recent-post-text .rcomment {
		color: #616161;
		font-size: 13px;
	}
    .classic-it-service .kc_col-sm-7,
    .classic-it-service .kc_col-sm-5{
    	width: 100% !important;
    }
    .case_default .em-cases-study-content {
    	padding: 40px 10px;
    	top: 72%;
    }
    .case_default .em-cases-study-title h2 a {
    	font-size: 19px;
    }
	.effective-content p {
		width: 85%;
	}
	.heading_number {
		float: none;
		line-height: 1;
		margin-top: 0;
		margin-right: 0;
	}
	.heading_title {
		display: block;
	}
	.banner-slick.banner-content h2,
	.banner-slick.banner-content h1 {
		font-size: 50px;
	}
 }
/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (max-width: 767px) {
	.em-slider-descript {
         display: none;
    }
	.em-feature-thumb img {
		width: 100%;
	}
    .banner-slider-content {
    	text-align: center;
    }
    .classic-it-service .kc_col-sm-7,
    .classic-it-service .kc_col-sm-5{
    	width: 100% !important;
    }
    .banner-slider-content h1, .banner-slider-content h2 {
    	color: #fff;
    	font-size: 30px;
    }
    .banner-slider-content p {
    	color: #fff;
    	width: 77%;
    margin: 20px auto 32px;
    }
    .em_work_progress-number::before {
    	display: none;
    }
     .em-slider-button {
         display: none;
    }
     .section-title.t_center {
         width: 100%;
    }
     .section-title.t_right {
         width: 100%;
    }
    .about_shape img {
    	display: none !important;
    }

	.em-nivo-slider-wrapper .nivo-controlNav {
		bottom: 8px;
	}
    .slider-style-four .slider-video-icon {
    	right: 42%;
    	top: 10%;
    }
	
    /* top bar */
     .top-address {
         text-align: center;
    }
     .social-icons.text-right {
         text-align: center;
    }
    /* footer bar */
     .footer-top-inner p {
         width: 100%;
    }
     .footer-menu ul {
         margin: 10px 0 0;
         text-align: center;
    }
     .copy-right-text p {
         text-align: center;
    }
     .breadcumb-blog-area {
         padding: 30px 0 50px;
    }
    /* blog css */
	.em-blog-content-area_adn {
		padding: 25px 15px 25px;
	}
	.techno-blog-meta-left a, .techno-blog-meta-left span {
		margin-right: 17px;
	}
    /* single blog */
	
     .post_reply ul, .blog-content ul, .single-blog-content ul {
         padding-left: 20px;
    }
     .post_reply ol, .blog-content ol, .single-blog-content ol {
         padding-left: 20px;
    }
     .comments-area .children {
         margin-left: 10px;
    }
     .pdsr {
         padding-top: 50px;
    }
     .pdsl {
         padding-bottom: 90px;
    }
     #wp-calendar {
         display: block;
    }
    /* footer css */
     .techno-blog-thumb_adn > a img {
         width: 100%;
    }
     .em-content-image > img {
         width: 100%;
    }
     .kc_video_play.kc_video_wrapper {
         overflow: scroll;
    }
     .form-address-item {
         width: 100%;
         margin-bottom:30px;
    }
     .footer-social-icon a i {
         font-size: 16px;
         height: 35px;
         line-height: 35px;
         width: 35px;
    }
	.portfolio_nav ul li {
		letter-spacing: 0;
		display: block;
	}
     .menu-height-space {
         height: 0;
    }
     .testimonial_list {
         width: 100%;
    }
    /* without carousel */
     .curosel-style .owl-nav div {
         left:0px;
    }
     .curosel-style .owl-nav .owl-next {
         left: auto;
         right: 0;
    }
     .em-feature-content-image img {
         width: 100%;
    }
     .em-call-to-action-desc {
         width: 78%;
    }
	.em-call-to-action-title h2 {
		font-size: 18px;
	}
	.em-call-to-action2 .em-call-to-action-desc {
	  width: 100%;
	}	
	.single-video h3 {
		font-size: 16px;
		padding-top: 0;
		display: none;
	}
     .single_header_address.ctrp {
         padding-bottom: 40px;
    }
    /* title */
     .section-title h2 {
         font-size: 28px;
    }
     .title_in_area {
         width: 100%;
    }
     .title_in {
         float: none;
    }
     .title_tx h2 {
         font-size:23px;
    }
     .mean-container .mean-bar::before {
         text-transform: uppercase;
         top: 15px;
    }
     .em-call-to-video {
         display: none;
    }
	.em-call-to-action-title span {
		width: 90%;
		font-size: 30px;
	}
     .em-call-to-action-desc {
         width: 100%;
    }
	.em_content_text {
		bottom: -54px;
        padding: 0 25px 0 25px;
	}
	.em-feature-title h2 {
		margin: 7px 0 15px;
	}
	.em-feature:hover .em_content_text {

		bottom: 25px;

	}
	.em-nivo-slider-wrapper .nivo-directionNav {
		display: none;
	}
     .curosel-style .owl-nav div {
         
    }
     .em_slider_inner.container.text-right, .em_slider_inner.container.text-center, .em_slider_inner.container.text-left {
         text-align: center;
    }
     .footer-middle .widget h2{
         margin-top: 10px;
    }
	.footer-middle {
		padding: 70px 0 36px;
	}
     .pr-title {
         margin-bottom: 15px;
		 margin-left: 15px;
    }
	.page-numbers li {
		margin-bottom: 15px;
	}
	.banner-content p {
		width: 98%;
	}
	.banner-slick.banner-content.banner-content p {
		width: 75%;
		text-align: left;
		margin: initial;
	}
	.banner-area .btn {
		padding: 22px 27px;
		font-size: 14px;
	}
	.b-batton.active {
		display: none;
	}
	.banner-content {
		top: 22%;
		width: 100%;
	}
	.em_slider_inner {
		left: 0;
	}
	.kc_tabs_nav, .nav-pills {
		border-bottom: 0;
		padding-top: 29px !important;
	}
		
	.kc_tabs_nav > li, .nav-pills > li {
		float: none !important;
		display: block !important;
		line-height: 0;
		width: 100%;
	}
	.nav-pills li i {
		padding-top: 12px;
	}
	.nav-pills > li + li {
		margin-left: 0;
	}
	.tab_pan_content {
		padding-left: 0;
		padding-top: 30px;
	}
	a.active-tab-btn {
		display: none;
	}
    .em-slick-slider-new .banner-content {
    	left: 10px;
    	/* transform: translateY(-50%) translateX(-50%); */
    	text-align: left !important;
    	right: 0;
    }
	.em_testi_text {
		width: 90%;
	}
	.single-video-content h4 {
		letter-spacing: 2px;
	}
	.single-video-content p {
		width: 93%;
	}
	.em-nivo-slider-wrapper .nivo-controlNav {
		display: none;
	}
	.em-slider-title {
		font-size: 21px;
	}
	.em-slick-slider-new {
		z-index: 0;
	}
	.testimonial_list.curosel-style .owl-nav .owl-prev {
		display:none;
	}
	.testimonial_list.curosel-style .owl-nav .owl-next {
		display:none;
	}
	.em-slick-slider-new .single-slide {
		height: calc(90vh - 100px);
		position: relative;
	}
	.post-text blockquote::before {
		left: 30px;
	}
	.comments-area .children {
		margin-left: 0px;
	}
	.techno-single-icon-inner a {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		margin: 0 3px;
		width: 30px;
	}
	.post_replay_inner {
		display: block;
	}
	.post_reply_thumb {
		margin-bottom: 15px;
	}
	.comment-respond {
		padding: 23px 6px 40px;
	}
	.techno_btn {
		padding: 8px 18px;
	}
	.textwidget-icon.social-profile li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.techno-blog-thumb img {
		width: 100%;
	}
	.author.mt-120 {
    	padding: 40px 15px 35px;
    }

	.paginations a, .page-numbers span.current {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 15px;
		margin: auto 3px;
	}
	.footer-menu .social-icon {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	.em-service2.smiddle {
		text-align:center;
	}
	.em-team-content-socials a {
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.countr_text > h1 {
		font-size: 40px;
		padding-bottom: 0;
	}
	.countr_text > h3 {
		font-size: 40px;
	}
	.banner-slick.banner-content h3,
	.banner-slick.banner-content h2,
	.banner-slick.banner-content h1 {
		font-size: 32px;
	}
	.banner-content.banner-slick.text-center h4 {
		font-size: 15px;
	}
	.em-slick-slider-new .single-slide {
		height: 500px;
		position: relative;
	}
	.banner-content h2 {
		font-size: 20px;
	}
	.banner-area {
		height: 715px;
	}
	.banner-area.em-slick-slider-new {
		height: auto;
	}
	.em-service2.sright .em-service-icon {
		float: none;
		margin: 0;
	}
    .blog-left-side {
    	margin-top: 30px;
    }
	.em_feature_img {
		float: none;
		overflow: hidden;
		margin-right: 0;
	}
	.techno-single-blog-details-inner {
		padding: 40px 30px;
	}
	.banner-slick.banner-content h4 {
		font-size: 18px;
		margin-bottom: 23px;
	}

	.breadcrumb_tran_header .breadcumb-area {
		padding: 121px 0 110px;
	}
	.author-img.text-center {
		float: left;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}
	.author-text {
		padding-top: 20px;
		text-align: center;
	}
	.copyright-social {
		text-align: center;
		padding-top: 10px;
	}

	.slider_single_img {
		display: none;
	}
	#team::before {
		display: none;
	}
	.em_single_testimonial {
		margin-top: 40px;
	}
	.mailchim-form-inner {
		padding: 33px 15px 40px;
	}
	.mailchim-form-inner .widgettitle {
		font-size: 23px;
	}
	.mc4wp-form-fields button {
		background: #fff;
		color: #5451c1;
		padding: 12px 43px;
		position: inherit;
		right: inherit;
		top: inherit;
		height: inherit;
		display: inline-block;
		-webkit-transform: inherit;
		    -ms-transform: inherit;
		        transform: inherit;
		margin-top: 20px;
	}
	.slick-style-two .banner-slick .b-batton {
		float: none;
	}
	.slider-video-icon {
		display: none;
	}
	.single-video {
		margin-left: 0;

	}
	.single-video .layer-1,
	.single-video .layer-2,
	.single-video .layer-3,
	.single-video .layer-4 {
		display: none;
	}
	.em-service-thumb {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.price_item span {
		font-size: 43px;
	}
	.portfolio_details {
		padding: 40px 15px;
	}
	.portfolio_info {
		padding-left: 15px;
	}
	.em-blog-content-area {
		padding: 28px 30px 30px;
	}
	.meta_comments {
		display: none !important;
	}
	.techno-single-icon-inner a i {
		font-size: 13px;
		height: 30px;
		line-height: 28px;
		margin: 0 0px 0 0;
		width: 30px;
	}
	.footer-middle {
		padding: 80px 0 29px;
	}
    .footer-menu .text-right {
        text-align: center !important;
    }
    .curosel-style .owl-nav div {
    	display: none;
    }
    .prot_content h3 a {
    	font-size: 18px;
    }
    .single_protfolio:hover .prot_content {
    	bottom: 11px;
    }
.kc_accordion_header > a {
	font-size: 15px !important;
}
.brpt h2 {
	font-size: 31px;
	margin-bottom: 13px;
}
.em-slider-sub-title {
	font-size: 50px;
}
.kc-call-to-action .kc-cta-button a {
	float: left !important;
}
.kc-cta-3 .kc-cta-button {
    width: 100% !important;
    display: block !important;
}
.kc-cta-3.kc-is-button .kc-cta-desc {
    width: 100% !important;
    display: block !important;
}
.feature-style-two .em-feature-title h2 {
    font-size: 17px;
}
.effective-content p {
    width: 85%;
}
.effective-content h2 {
	font-size: 40px;
}
.effective_slider_btn a {
	margin: 0 9px 20px;
}
.em-feature.style-three {
	padding: 50px 25px;
}
.heading_number {
    float: none;
    line-height: 1;
    margin-top: 0;
    margin-right: 0;
}
.heading_title {
	display: block;
}
 .kc_column, .kc_column_inner{
	 padding-bottom: 15px;
 }
}
/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
 @media only screen and (min-width: 480px) and (max-width: 767px) {
    .em-slider-button {
    	display: block;
    	margin-top: 24px;
    }
    .single_protfolio:hover .prot_content {
    	bottom: 11px;
    }
    .banner-slider-content h1, .banner-slider-content h2 {
    	color: #fff;
    	font-size: 38px;
    }
	a.active-tab-btn {
		display:inline-block;
	}
	.em-button-button-area a {
		padding: 19px 18px;
		font-size: 12px;
		margin: 0 5px !important;
	}
     .banner-content p {
         width: 92%;
    }
     .single-video h3 {
         font-size: 22px;
    }
     .brand_logo .kc_col-sm-2{
         width:50% !important;
    }
     .copy-right-text p {
         font-size: 14px;
    }
    .em-slider-sub-title {
    	font-size: 54px;
    }
	.em-team-content-image img {
		width: 100%;
	}
	.countr_text > h1 {
		font-size: 40px;
		padding-bottom: 0;
	}
	.countr_text > h3 {
		font-size: 40px;
	}
	.banner-slick.banner-content h3,
	.banner-slick.banner-content h2,
	.banner-slick.banner-content h1 {
		font-size: 36px;
	}
	.banner-content.banner-slick.text-center h4 {
		font-size: 20px;
	}
	.pr-title{
		margin-left: 15px;
	}

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

     .techno-blog-meta-left_adn a, .techno-blog-meta-left_adn span {
         font-size: 12px;
    }
	 
		.banner-slick.banner-content.banner-content p {
		width: 65%;
	}
}

/* retina query */
@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),only screen and (min-resolution:192dpi) and (max-width:991.98px),only screen and (min-resolution:2dppx) and (max-width:991.98px){

.logo a.standard-logo{
  display: none;
}
.logo a.retina-logo{
  display: inline-block;
}


}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
.logo a.standard-logo{
  display: none;
}
.logo a.retina-logo{
  display: inline-block;
}


}
/*========================END Mobile CSS ===================================*/