/*responsive */

@media only screen and (max-width: 1199px){
.top-list li i { font-size: 38px;}
.top-list li .content span.action{font-size: 1.025rem;;}
.top-list li{margin-right: 30px;}
.banner-home .cd-headline{font-size: 4.4rem;}
.navbar-toggleable-md .navbar-nav .nav-item {margin-right: 15px;}
.title-slider {height: 95px;}
.banner-home p{font-size:30px;}
.business-section .button.full{padding:0;}
.custom-iconlist h4{font-size: 18px;}
.team-member .member-info h4{font-size: 1.15rem;}
.it-image-block .box-header h2{font-size: 1.2rem;}
.faq-accordian .btn.btn-link{font-size: 1.025rem;padding: 22px 50px 22px 20px;}




/*Harshit It-blog-detail*/
.it-blog-details-tags .project-tags {padding: 0px 35% 60px!important;}
.textwidget .button {display: block;}
.navbar-toggleable-md .navbar-nav .nav-item.dropdown:hover ul{-webkit-transform: translateX(-40%) translateY(-10px);
transform: translateX(-40%) translateY(-10px);}
.navbar-toggleable-md .navbar-nav .nav-item.dropdown ul{left: 40%;}

}
@media only screen and (max-width: 1024px){
.top-list li i { font-size: 32px;}
.top-list li .content span.action{font-size: 100%;}
.top-list li{margin-right: 20px;}
.banner-home .cd-headline{font-size: 4.4rem;}
.topbar-menu ul li{margin: 0 6px;font-size:12px;}
.topbar-menu ul li i{font-size: 24px;}

.header-bottom .bg-faded{padding:0;}
.navbar-brand.mx-auto { padding: 18px 0;}
.banner-home .button-video{display:none;}
.banner-home .col-md-10{flex: 0 0 100%;max-width: 100%;}
.title-slider {height: 80px;}
.banner-home .cd-headline { font-size: 3.5rem;}
.banner-home p { font-size: 18px; line-height: 24px;margin: 20px 0 0;}
a.link{padding: 10px 0 0;}
.business-section h2 {font-size: 24px;}
.custom-iconlist .iconlist-item-icon{margin-right: 7px;}
.custom-iconlist h4 {font-size: 16px;}
.vertical-solutions h2{font-size: 28px}
.solution-quote { padding: 150px 0 50px;}
.solution-quote .container{padding:0;}
.solution-main{padding: 48px 10px;}
.contact-form {  padding: 40px 20px;}
.checkbox-custom li { width: 50%;}
.workflow-content {  padding: 0;}
.testimonial.style2 .testimonial-wrap{flex-direction: column;}
.testimonial.style2 .testimonial-wrap .testimonial-content{padding:0;margin:0;}
.testimonial.style2.has-image .testimonial-image{top: auto;margin: 0;bottom: 0;}
.testimonial.style2.has-image .testimonial-image img{width: 50px;height: 50px;}
.testimonial.style2 .testimonial-wrap .author-info{margin-top: 20px;padding-left: 65px;flex-basis: 100%;width: 100%;}
.blog-section { padding: 10px 0 60px;}
.main_heading h2{font-size: 28px;}
.navbar-light .navbar-toggler{border:none;color:#82b541;font-size: 28px;padding-top: 15px;	}

/*menu*/


.off-canvas-toggle{display: block;background-color: #82b541;position: fixed;z-index: 100;right: 40px;top: 50px;width: 50px;height: 50px;color: #ffffff;border: none;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;text-align: center;padding: 11px 0;}
.off-canvas-toggle span { display: inline-block;}
.off-canvas-wrap{padding-top: 50px;
padding-right: 40px;
padding-bottom: 50px;
padding-left: 40px;}
.sliding-menu .widget_search {
    margin-bottom: 20px;
    width: calc(100% - 60px);font-size: 14px;
}
.sliding-menu  .search-form {
    font-weight: normal;
    position: relative;
}
.sliding-menu .search-field{color: #f3f6f9;
height: 50px;
line-height: 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(0, 0, 0, 0.1);
padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;width: 100%;position: relative;}
.sliding-menu .search-submit{background-color: transparent;
background-size: 20px 20px;
background-position: center right;
background-repeat: no-repeat;
width: 20px;
height: 26px;
padding: 0;
text-indent: -9999px;
position: absolute;
right: 18px;
top: 50%;
margin-top: -15px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);}
.sliding-menu .search-submit {
    background-image: url(../images/search-w.svg);
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
}
.menu-sliding {
    margin: 0;
    padding: 30px 0;
}

.menu-sliding li{position:relative;}
.menu-sliding li a{display: inline-block;
padding: 15px 0;
position: relative;color:#fff;font-size: 1.125rem;}
.menu-sliding li.menu-item-has a{padding-right: 60px;}
.menu-sliding li .menu-item-toggle{width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.1);
right: 0;
top: 3px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;}
.menu-sliding li .menu-item-toggle::after{content: "\f105";
font-family: "fontAwesome";
font-size: 28px;
position: absolute;
left: 0;
top: 0;
line-height: 47px;
text-align: center;
color: #ffffff;
width: 50px;}

.menu-sliding li.menu-item-expand > .menu-item-toggle::after {
    content: "\f107";
}
.menu-sliding li ul{display: none;font-size: 1.125rem;}
.menu-sliding li.menu-item-expand ul{display: block;margin: 15px 0 15px 15px;}
.menu-sliding li.menu-item-expand ul li a{padding: 10px 0;}
.sliding-menu .social-icons{ text-align:left; padding: 0;}
.sliding-menu .social-icons a {
    margin: 0 5px 0 0;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;color: #ffffff;display: inline-block;
   width: 35px;
   height: 35px;
   line-height: 35px;
}
.sliding-menu .social-icons a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    vertical-align: top;
}
.sliding-menu .fa.fa-facebook-f{background: #3b5998;}
.sliding-menu i.fa-twitter {
    background: #1da1f2;
}
.sliding-menu .social-icons a i.fa-linkedin {
    background: #1e363a;
}
#header {min-height: 121px;}
/*menu end*/
.innertop-banner .middle-title h1{font-size: 4rem;}
.innertop-banner {padding: 50px 0 40px;}
.post-inner-heading {
    width: 100%; 
    margin-left: 0px; 
}

/*Harshit*/
.innertop-banner .left-title h1 {font-size: 4rem;}
section.innertop-banner img {right: 4%;}

}
@media only screen and (max-width: 991px){
	#extera-menu { display: block;position: absolute;top: 15px;}
#extera-menu .social-icons{display:none;}
.inner-header{display:none;}
.overview-sec .counter-content, .overview-sec .counter-content .counter-suffix{font-size: 1.47rem;}
.overview-sec .col-md-6 .row{margin:0 -5px}
.overview-sec .col-md-6 .row .col-md-4{padding:0 5px}
.overview-dec p {font-size: 18px;}
.history-sec { padding: 70px 0 20px;}
.why-choose h2, .inner-heading h2{font-size: 27px;}
.history-step p { margin: 0 0 20px;}
.tab-content{padding:0}
.tab_block .nav-tabs li { margin: 0 10px;}
.tab_block .nav-tabs li a{font-size: 18px;}
.team-member .member-info h4 {font-size: 1.05rem;}
.member-subtitle {font-size: 12px;}
.team-member .member-info{padding: 5%;}
.team-member .member-info {padding: 5%;min-height: 100px;display: flex;justify-content: center;align-items: normal;flex-direction: column;}
.values-sec .cd-headline{font-size: 4rem;}
.values-sec{padding: 60px 0;}
#fixing_main {  padding: 50px 0 0;}
.service-step ul li{margin: 0 0 20px;width: 33.33%;}
.innerheading{font-size: 2.5rem;} /*vasu_modify*/
.innerheading2{font-size: 2.5rem;} /*vasu_modify*/
.tabscroll_header{display:none;}
.solution-block .solution-readmore .button.small{padding: 3px 0;}
.testimonial-section { padding: 30px 5% 0;}
.contact-service .container{width:100%;padding:0 10px;}
.contact-service {padding: 0 0 40px;}
.it-services {  padding: 0 0 40px;}
#accordion {  margin: 0;}
.faq-search h2{font-size: 2.5rem;}
.contactus-inner {width: 96%;}
.careers-points-content li{width: 49%;}
.careertable table tbody tr td, .careertable table tbody tr th{padding: 18px 15px;}


/*It-blog-details Harshit*/
.sliding-menu .search-form {display: none;}
.it-blog-details-tags .project-tags {padding: 0px 0 60px 0%!important;}
.it-blog-details .col-lg-9{order:1}
.it-blog-details .col-lg-3{order:2}
.textwidget .button {width: 255px;}
.widget {margin-bottom: 30px;}
.it-blog-details-tags .project-tags {padding: 0px 0 20px 0%!important;}

/*Case-study-blog*/
.innertop-banner .left-title h1 {font-size: 43px;}
section.innertop-banner img {right: 0%;}
.innertop-banner {padding: 20px 0 10px; }
.casestudyblogs .project-gallery.project-media-grid {height: 185px; }
.casestudyblogs img {width: auto;height: auto;object-fit: cover;}
.overview-step .col-md-9 {margin: 0 0 20px;}
.tags .project-tags {padding: 0px 15% 20px; }
}
@media only screen and (max-width: 767px){ 
.site-topbar-inner{padding: 13px 0;justify-content: center;}
.topbar-menu { display: none;}
#logo {width: 167px;}
.header-info-text{font-size: 12px;}
.title-slider { height: 68px;}
.banner-home h3{font-size: 22px;margin: 0;}
.banner-home .cd-headline {font-size: 2.5rem;}
.title-slider {height: 40px;}
.business-section{padding: 40px 0;}
.custom-iconlist{margin: 20px 0;}
.custom-iconlist h4 {font-size: 20px;}
.container{padding:0 15px;}
.testimonial.style2.has-image{margin-bottom: 20px;}
.top-footer .main_heading h2{font-size: 2.2rem;}
.top-footer { padding: 50px 0 0px;}
.case-studies ul li a{border: 1px solid rgba(0, 0, 0, 0.1);padding: 5px 15px;margin: 5px 0;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.case-studies ul li{margin: 0 3px;}
.case-studies ul li a::after{display:none;}
.case-studies ul li.active a{color: #231834;color: #231834;}
.innertop-banner .middle-title h1 {font-size: 2rem;}
.case-studies { padding: 0 0 40px;}
.overview-dec{padding:0;}
.counter-detail {margin: 0 0 30px;}
.overview-dec p {font-size: 15px;}
.list-box-overview ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;flex-wrap: wrap;}
.list-box-overview ul li{min-height: 1px;position: relative;-webkit-box-flex: 0;-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;height: auto;margin: 0 0 10px;}
.history-sec { padding: 30px 0 20px;}
.history-step {padding: 60px 0% 0;}
.tab_block .nav-tabs{display:none;}
.team-list ul li{width:50%;}
.heading-tab {display: block;padding: 20px;position: relative;border: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 5px;border-radius: 5px;font-size: 16px;clear: both;background:#fff;color: #0e2b5c;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);padding-right:40px;cursor:pointer;}
.heading-tab:after{position: absolute;content: "\f125";margin: auto;font-family: "Ionicons";color: #c7cfda;
right: 23px;top: 20px;}
.tab_block .tab-content  .active .heading-tab:after{content: "\f123";}

.tab_block .tab-content  .active .heading-tab {background-color: #231834;color: #ffffff;}
.team-list{padding: 10px 0 0;}
.tab_block { padding-top: 20px;}
.tab_block .tab-content > .tab-pane{display: block;opacity: 1;clear: both;float: left;width: 100%;margin: 0 0 14px;}
.tab_block .tab-content  .team-list{display:none;}
.tab_block .tab-content  .active .team-list{display:block;}
.inner_details {width: 100%;}
.service-step ul li{width: 50%;}
.logo-block ul li {width: 33%;}
.it-services { padding: 0 0 30px;}
.faq-accordian { padding: 40px 0;}
.contactus-inner {width: 100%;}
.contactform {width: 100%;}
.contact-form { padding: 0px 20px;}
.contactus-inner{margin: 0 0 30px;}
.tab-pricing ul{display:none;}
.pricing .tab-content{padding-top: 40px;}
.tab-pricing .tab-content > .tab-pane{display:block;opacity:1;}
.tab-pricing .tab-content .active .heading-tab{background-color: #231834;color: #ffffff;}
.pricing-table{display:none;}
.tab-pricing .tab-content .active .pricing-table{display:block;margin-top: 10px;}
.tab-pricing .price-column{width:100%;}
.tab-pricing .tab-content .active .heading-tab:after{content:"\f123";}
.careertable table, .careertable thead, .careertable tbody, .careertable th, .careertable td, .careertable tr { display: block; }
   .careertable table thead tr  { position: absolute; top: -9999px; left: -9999px;}
   .careertable table tbody tr td {padding: 10px 15px; border: none; position: relative;  padding-left: 30%;  }
   .careertable td:before { position: absolute;
top: 9px;
left: 32px;
width: 24%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-column);
color: #000;
font-weight: bold;
text-align: left;
    }
.careertable :last-child{text-align: left !important;}
section.careerspoints {  padding: 40px 0 0px;}
.careers-points-content ul li > div::before{font-size: 3rem;}
.careeropenings-heading h2{font-size: 2rem;}
.careeropenings{padding: 40px 0;}


    /*Harshit*/
.youtube {text-align: center;}
.gallery .gallery-item {width: 84px;}
.innertop-banner {padding: 20px 0 20px;}
.widget {margin-bottom: 30px;}
.textwidget {margin: 20px 0;}
.textwidget .button {width: 247px;}
.post-inner-heading {width: 100%;margin-left: 0px;margin: 0px 0;}
.navigation.post-navigation .nav-links li a .post-title {display: none;}
.it-blog-details-tags .project-tags {padding: 0px 0 20px 0%!important;}
.post-content-inner h4 {margin-top: 10px;}
.it-blog-details .post-header {margin-bottom: 20px;}
.post-content-inner {margin-bottom: 20px;}
.post-thumbnail img, .post-thumbnail img {
   
    margin-bottom: 20px;
}
.post-author-content {
     margin-top: 0px; 
}
.it-blog-details .post-header {
    padding-bottom: 10px;
}
.widget {
    margin-bottom: 20px;
}

/*case-study-blog*/
.casestudyblogs .project-gallery.project-media-grid {height: 354px;}
.innertop-banner .left-title h1 {font-size: 25px;}
.innertop-banner .left-title p {font-size: 14px;}
section.innertop-banner img {right: 0%;width: 100px;}
.innertop-banner {padding: 20px 0 10px;}
.overview_sec .overview-step {padding: 0px 3% 0;}
.overview-step .col-md-9 {margin: 0 0 10px;}
.faq-accordian .card-body { padding: 0 12px 10px;}
.faq-accordian .btn.btn-link{padding: 15px 30px 15px 12px;}
.faq-accordian .btn.btn-link:after{right: 10px;top: 17px;}

}

@media only screen and (max-width: 575px){	
.top-list li i {font-size: 24px;margin-right: 2px;}
.top-list li { margin-right: 5px;}
#extera-menu{display:none;}
.navbar-brand.mx-auto{margin-left: inherit !important;}
.business-section .button.full{height: 48px;line-height: 48px;}
.business-section h2 { font-size: 22px;}
.business-section p{margin: 0 0 20px;}
.custom-it-section { padding-top: 0px;}
.owl-theme .owl-dots .owl-dot span{width:20px;height: 5px;}
.custom-it-section .owl-dots {margin-top: 20px;}
.contact-form label{white-space: inherit;}
.blog-post a .post-decription { padding: 10px 6% 20px;}
.top-footer .main_heading h2 { font-size: 1.8rem;}
.top-footer .main_heading p{font-size: 18px;}
.overview-sec h2 { font-size: 24px;}
.list-box-overview ul li{flex: 0 0 100%;max-width: 100%;}
#values{border-width:0;}
.values-sec {padding: 40px 0;}
.values-sec h6 {font-size: 2rem;}
.values-sec .cd-headline { font-size: 2rem;height: 45px;}
.values-sec p { font-size: 1.15rem;margin: 0 0 30px;}
.entypo-chat{margin: 0 auto 15px;}
.faq-search h2 {  font-size: 2rem;}
.faq-search .widget.widget_search { margin: 30px 0 20px;}
.faq-search {padding: 60px 0 40px;}
.main_heading h2 {font-size: 24px;}
.it-blogs .post-header .post-title {font-size: 20px;}
.contactus-inner ul li{display: block;width: 100%;}
.careers-points-content ul li{width:100%;}

/*Harshit*/
.innertop-banner .middle-title h1 {font-size: 22px;}
.innertop-banner .middle-title p {font-size: 15px;}
.innertop-banner {padding: 20px 0 20px;}
.post-thumbnail img, .post-thumbnail img {margin-bottom: 20px;}
.post-author-content {margin-top: 10px;}
.it-blog-details .post-header {padding-bottom: 10px;}
.navigation.post-navigation .nav-links li h6 a {padding-top: 30px;padding-bottom: 20px;}
h2.post-title {font-size: 25px}
h3.widget-title {font-size: 20px;}
.post-inner-heading {margin: 0px 0;}
.gallery {margin: 0 0 0 20px;}
.textwidget {margin: 10px 0;}
.post-content-inner h4 {margin-bottom: 10px;}
.widget-title {margin-bottom: 10px;}
.navigation.post-navigation .nav-links li h6 a .meta-nav {display: none;}
.navigation.post-navigation .nav-links li {margin-top: 10px;}

/*case-study-blog*/
section.innertop-banner img {right: 6%;width: 67px;bottom: inherit;}
.casestudyblogs .project-gallery.project-media-grid {height: 390px;}
.tags .project-tags {padding: 0px 15% 20px 0;}
.innertop-banner {padding: 20px 0 5px;  }
.casestudyblogs img {
    width: 553px;
    height: 369px;
    object-fit: cover;
}
}
@media only screen and (max-width: 480px){
.casestudyblogs .project-gallery.project-media-grid {height: auto;margin-bottom: 10px;}
.casestudyblogs .project-media-item.project {position: static;}
.casestudyblogs img {width: auto;height: auto;}
.tags .project-tags {padding: 0px 0% 20px 0;}
.innertop-banner .left-title h1 {font-size: 20px;}
.innertop-banner .left-title p {line-height: 20px;}
section.innertop-banner img {right: 3%;}
.overview_sec .overview-step {padding: 0px 5% 0;}
}