@media(max-width:990px) and (min-width:320px) {
	.sec_col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order: 1
	}
	.left-content-Prt ul {
		width: 100%;
		padding: 0 10%
	}
	.sec_col-md-8 {
		order: 2
	}
	.left-content-Prt ul li {
		width: calc(50% - 70px);
		margin: 10px 10px
	}
	.sec_col-md-8 {
		max-width: 100%;
		padding: 0 0 30px;
		flex: 0 0 100%;
	}
	.portfolio_left img {
		margin-top: 0
	}
	.sec_col-md-4 {
		padding: 0
	}
	.features_row {
		flex-wrap: wrap
	}
	.features_col-md-5 {
		max-width: calc(100% - 40px);
		padding: 0 0 0 40px;
		text-align: left
	}
	.cnt-left ul p {
		margin-left: 30px
	}
	.features_col-md-7 {
		max-width: calc(100% - 30px);
		padding: 0 30px 0 0
	}
	.sec3_col-md-6 {
		max-width: 100%;
		flex: 0 0 100%;
		order: 2;
		padding-top: 25px;
	}
	.section3_col-md-6 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media(max-width:550px) and (min-width:320px) {
	.box-content .box-title {
		font-size: 25px;
		line-height: 25px
	}
	.left-content-Prt ul {
		margin-top: -230px;
		padding: 0 5px;
	}
	.left-content-Prt ul li {
		width: calc(100% - 0);
		margin: 0;
		padding-left: 0
	}
	.left-content-Prt ul li {
		font-size: 16px;
		padding: 8px 0
	}
	.left-content-Prt ul li:first-child {
		padding-bottom: 8px;
		padding-top: 15px
	}
	aside.tt-sidebar.theme-sidebar {
		margin-top: 40px
	}
}

@media(max-width:450px) and (min-width:320px) {
	a.port_btn-1,
	a.port_btn-2 {
		font-weight: 400;
		padding: 5px 15px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		display: inline-block;
		margin-right: 5px;
		text-align: center
	}
	.tt-sidebar .widget_theme_purchase .theme-price .price {
		margin: 0
	}
	.tt-sidebar .widget_theme_purchase .theme-price span.text {
		font-size: 20px
	}
	.tt-sidebar .widget {
		padding: 30px 15px
	}
	.tt-sidebar .widget .widget-title {
		font-size: 20px;
		margin: 0 0 10px
	}
	.div_.list_style_p li {
		font-size: 14px;
	}
	.rel_link {
		font-size: 16px;
		text-align: center
	}
	.start_project h1 {
		font-size: 14px;
		line-height: 20px;
		padding: 0 10px
	}
	.start_project1 {
		font-size: 13px;
		display: inline-block;
		padding: 8px 20px
	}
	#industeries h1,
	._sb_title h1,
	.cnt-left h3,
	.seactionHead,
	.seo-block h2 {
		font: 500 30px/1 Oswald, sans-serif;
		letter-spacing: 0;
		padding: 10px
	}
	.features_col-md-5 .cnt-left {
		padding: 0
	}
	.section3_col-md-6 .cnt-left h3 {
		margin: 0
	}
	.features_col-md-5 .cnt-left h3 {
		margin: 0;
		padding: 10px 0;
		font-size: 20px
	}
	.cnt-left ul {
		padding: 0
	}
	.mar-Tp {
		margin-top: 0
	}
	.cnt-left h3 {
		font-size: 20px;
		line-height: 30px
	}
	.section3_col-md-6 .cnt-left p:last-child {
		font-size: 14px;
		line-height: 35px;
	}
	.features_col-md-5 {
		max-width: calc(100% - 25px);
		padding: 0 25px
	}
	.features_col-md-7 {
		max-width: calc(100% - 0);
		padding: 0
	}
	.box-content {
		position: absolute;
		top: 200px;
		left: 0;
		z-index: 1;
		width: 100%
	}
	.prt-padding {
		padding: 0
	}
	.cnt-left p {
		padding: 10px 10px
	}
	._sb_title h1 {
		font-size: 20px;
		line-height: 25px;
		margin: 0
	}
	.cnt-left ul li img {
		margin-top: 15px
	}
	.cnt-left ul li {
		margin-bottom: 0;
		padding: 10px 10px;
		font-size: 14px;
	}
	.last_prt {
		padding: 25px 0 25px
	}
	.additional_feature {
		padding: 25px 0 25px
	}
}

@media(min-width:576px) {
	.request_infoo .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media(max-width:991px) {
	.pricing-section #price-table01 {
		max-width: 98%;
		overflow-x: auto
	}
	.padding_hubspot .heading_shopify {
		margin-bottom: 0
	}
	.piller_intro_content_container.piller_1,
	.piller_intro_content_container.piller_2,
	.piller_intro_content_container.piller_3 {
		max-width: 100%;
		flex: 0 0 100%;
		margin: 0
	}
	.manage_everything h2 br,
	.pillar-intro__caption,
	p.left_pos-abs {
		display: none
	}
	.piller_intro_content_container.piller_1 {
		max-width: calc(100% - 0);
		margin: 0
	}
	.mid-section {
		width: calc(100% - 0);
		margin: 0;
		position: static;
		padding: 0
	}
	.sho-css_R h3 {
		margin: 20px 0 30px;
		font-size: 22px
	}
	.pricing-section #price-table01 .innerrow {
		width: 1060px
	}
	.pricing-section h2.font-sz {
		padding: 0 20px
	}
	.heading_shopify h2,
	.sho-css_R h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px
	}
}

@media(min-width:768px) {
	.request_infoo .col-sm-6 {
		float: left
	}
}

@media(max-width:767px) {
	.hire_your_experts a {
		padding: 10px 20px
	}
	.col-sm6.hide_hubspot {
		display: none
	}
	.mHubspot form {
		flex-wrap: wrap
	}
	.skillset .row_flex .clm_3 {
		margin: 10px 0
	}
	.desandwordpress .container {
		max-width: calc(100% - 30px)
	}
	.global-header.sticky span.menu-hamburger {
		margin: 18px 0 0 30px
	}
	.whatsapp_icon .fa-whatsapp {
		font-size: 30px;
		margin: 15px 0 0
	}
	.global-header.sticky .logo_io img {
		max-height: 65px;
		margin-top: 5px
	}
	.homeSection {
		background-size: auto 100%;
		background: url(../img/io_webdevelopment_banner_768.jpg) right top no-repeat
	}
	._bring_your_business_online .owl-nav.disabled button.owl-next {
		position: absolute;
		right: 0;
		width: 30px;
		background: #1671b8;
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		height: 50px;
		border-radius: 10px 0 0 10px;
		box-shadow: -10px 0 10px #3a3a3a
	}
	._bring_your_business_online .owl-nav.disabled button.owl-next {
		position: absolute;
		right: 0;
		width: 30px;
		background: #1671b8;
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		height: 50px;
		border-radius: 10px 0 0 10px;
		box-shadow: -5px 0 10px #2f536f
	}
	._bring_your_business_online .owl-nav.disabled button.owl-prev {
		position: absolute;
		left: 0;
		width: 30px;
		background: #1671b8;
		color: #fff;
		font-size: 30px;
		line-height: 30px;
		height: 50px;
		border-radius: 0 10px 10px 0;
		box-shadow: 5px 0 10px #2f536f
	}
	._bring_your_business_online .owl-nav.disabled {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		top: 45%;
		transform: translateY(-50%);
		z-index: 3
	}
	.pricing-section {
		display: block
	}
	.templates-section {
		display: block
	}
	.templates-section .tab_row {
		max-width: 100%
	}
	.templates-section .prt_content {
		max-width: 100%;
		width: 100%
	}
}

@media(max-width:620px) {
	.popup2-core-container-custom {
		max-width: 90%
	}
	.request_infoo .popup2-column.popup2-core-column-60.popup2-core-column-first {
		width: 90%;
		top: 40%
	}
	.request_infoo .row_2 .col-sm-6 {
		-ms-flex: 0 0 91%;
		flex: 0 0 91%;
		max-width: 91%;
		width: 91%
	}
}

@media(max-width:600px) {
	.hubspot-inbound-marketing2 h1,
	.sho-css_R h2 {
		font-size: 22px;
		line-height: 30px
	}
	.heading_shopify h2,
	.manage_everything h2 br {
		font-size: 25px;
		line-height: 32px
	}
	#start-a-project h2 {
		font-size: 25px
	}
	.shopify_blogs {
		padding: 0 0 30px
	}
	.contentttts .col____6 {
		width: 100% !important;
		margin: 0 0 20px 0
	}
	.sho-css_R h3 {
		margin: 20px 0 25px
	}
#middle-section {
    width: 100%;
    padding: 0;
}
.mid-details {
    margin: 83px auto 0px;
}
}
@media(max-width:580px) {
	.templates-section .row_flex.prt_carousel .clm_6 {
		max-width: 95%;
		flex: 0 0 95%;
		margin: 15px 0;
		padding: 0 10px
	}
}

@media(max-width:380px) {
	.inner-middle {
		width: calc(100% - 0)
	}
	.mid-details .input-text-box {
		width: 100%
	}
	.pricing-section h2.font-sz {
		font-size: 18px
	}
	.audit_web {
		padding-top: 7px
	}
	.request_infoo .popup2-column.popup2-core-column-60.popup2-core-column-first {
		top: 40%
	}
}

@media only screen and (max-width:1650px) {
	.submenu .mega_list ul li h3 a {
		padding: 0
	}
}

@media only screen and (max-width:1024px) {
	.logo_io img {
		max-height: 65px
	}
	header.header.mega_menu .submenu .mega_list,
	header.header.mega_menu .submenu:hover .mega_list {
		display: none
	}
	header.header.mega_menu .submenu:hover .megga_menu {
		display: block
	}
}

@media(max-width:1400px) {
	.av-secondary.bridge::before {
		height: 340px
	}
	.av-secondary.bridge::after {
		width: 60%
	}
	.years-exp {
		padding: 73px 30px
	}
}

@media(max-width:1350px) {
	.Sveer_blog .post-detail h5.entry-title:after {
		width: 60px;
		height: 60px;
		bottom: 120px;
		line-height: 60px
	}
	.Sveer_blog .post-detail h5.entry-title a::before {
		left: 50px;
		top: -82px;
		width: 60px;
		height: 60px
	}
	.Sveer_blog .post-detail .post-title:after {
		left: 50px;
		top: -60px;
		width: 60px;
		height: 60px
	}
}

@media(max-width:1200px) {
	.av-secondary.bridge::after {
		width: 50%
	}
	.title-sm.text-uppercase::after {
		top: 60px;
		width: 170px
	}
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 100px)
	}
	.col-right.detal_b_r {
		padding: 15px 15px;
		width: calc(33% - 30px)
	}
}

@media(max-width:1150px) {
	.sho-css_R .col_6R2,
	.sho-css_R h2 br {
		display: none
	}
	.piller_intro_content_container {
		max-width: 100%;
		flex: 0 0 100%;
		position: relative;
		overflow: Unset
	}
	.heading_shopify h2 br,
	.heading_shopify h4 br {
		display: none
	}
	._bring_your_business_online,
	.manage_everything,
	.marketyourbusiness {
		padding: 50px 0 30px
	}
	.contentttts .col____6 br,
	.heading_shopify h2 span {
		display: none
	}
	#start-a-project h2 {
		font-size: 40px
	}
	.sho-css_R .col_6R1 {
		max-width: 100%;
		-o-flex: 0 0 100%;
		-i-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		-moz-flex: 0 0 100%
	}
	.sho-css_R .col_6R2 {
		max-width: 100%;
		-o-flex: 0 0 100%;
		-i-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		margin-right: 0
	}
}

@media(max-width:1100px) {
	.Sveer_blog .block-category-three .news-item {
		width: calc(50% - 20px)
	}
	.Sveer_blog .post-detail .post-title:after {
		top: -40px
	}
	.Sveer_blog .post-detail h5.entry-title a::before {
		top: -65px
	}
	.Sveer_blog .post-detail h5.entry-title:after {
		bottom: 105px
	}
	.Sveer_blog h1 {
		font-size: 36px;
		line-height: 36px;
		margin: 70px 0 0
	}
	.menu-blog-menu-container #menu-blog-menu li {
		width: 100%;
		padding: 5px 0
	}
	.menu-blog-menu-container #menu-blog-menu li {
		width: unset;
		padding: 5px 15px 5px 0;
		text-align: left
	}
	.menu-blog-menu-container #menu-blog-menu {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap
	}
}

@media(max-width:1030px) {
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 80px)
	}
	.av-secondary.bridge::after,
	.av-secondary.bridge::before {
		right: -15%
	}
	.years-exp {
		padding: 73px 20px 73px 30px
	}
	.figure.av-white {
		vertical-align: top
	}
	.years-exp .figure {
		font-size: 110px
	}
	.av-white.fig-content {
		padding-top: 20px
	}
	.fields-cont {
		padding-top: 0
	}
	.years-in .bridge {
		top: calc(141px - 37px)
	}
	.col-right.detal_b_r {
		padding: 20px 0;
		width: 100%
	}
	.single_section.Detail_Blog {
		margin: 100px 0 30px
	}
	.Sveer_blog .pagination {
		padding: 0
	}
}

@media(max-width:900px) {
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 60px)
	}
	.mid-details {
		margin: 128px auto 1px
	}
	.av-secondary.bridge::after,
	.av-secondary.bridge::before {
		right: -40%
	}
	#middle-section:after,
	#middle-section:before {
		display: none
	}
}

@media(max-width:850px) {
	.av-secondary.bridge::after,
	.av-secondary.bridge::before {
		right: -5%
	}
}

@media(max-width:800px) {
	.av-secondary.bridge::after,
	.av-secondary.bridge::before {
		right: -18%
	}
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 60px)
	}
}

@media(max-width:770px) {
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 30px)
	}
	.single_section.Detail_Blog .col-left h2 {
		font-size: 20px;
		margin: 15px 0 10px;
		line-height: 30px
	}
	.single_section.Detail_Blog .col-left h3,
	.single_section.Detail_Blog .col-left h4 {
		font-size: 22px;
		margin: 15px 0 10px;
		text-align: left
	}
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 80px)
	}
	.year-fig-count {
		margin: 0 auto
	}
	.years-exp {
		padding: 30px 20px 30px 30px;
		float: none
	}
	.year-fig-count {
		width: 300px
	}
	.years-in {
		float: left;
		width: 100%;
		position: relative;
		text-align: center
	}
	.years-in .bridge {
		border-bottom: 1px dashed;
		text-align: center;
		font-size: 40px;
		position: static;
		padding-left: 0
	}
	.title-sm.text-uppercase::after {
		display: none
	}
	.new-services-section .row .clm-6 {
		padding-right: 30px;
		max-width: calc(100% - 30px);
		flex: 0 0 100%
	}
	.new-services-section .row .clm-6-two {
		max-width: 100%;
		flex: 0 0 100%;
		margin-top: 30px;
		margin-bottom: 40px
	}
	.new-services-section .av-secondary.bridge::before {
		display: none
	}
	.av-secondary.bridge::after {
		display: none
	}
}

@media(min-width:1920px) {
	.title-sm.text-uppercase::after {
		top: 100px
	}
}

@media(max-width:600px) {
	.menu-blog-menu-container #menu-blog-menu li {
		width: calc(100% / 2)
	}
	.comment-respond input[type=email],
	.comment-respond input[type=text],
	.comment-respond input[type=url] {
		height: 25px;
		margin-bottom: 5px;
		width: 100%
	}
	.comment-respond .comment-form-cookies-consent input#wp-comment-cookies-consent {
		margin: 0 0 -30px 0
	}
	.comment-respond input.submit {
		margin-top: 10px;
		padding: 10px 20px
	}
	.comment-respond .comment-form-cookies-consent label {
		padding: 0 0 0 25px
	}
	.single_section .col-left p {
		margin-bottom: 5px;
		flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-o-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center
	}
	.Sveer_blog .block-category-three .news-item {
		width: calc(100% - 0)
	}
	.category-left {
		float: left;
		padding: 0;
		max-width: 100%
	}
	.Sveer_blog .post-image {
		max-height: 100%;
		margin: 0
	}
	.Sveer_blog .post-detail h5.entry-title,
	.Sveer_blog .post-detail h5.entry-title a {
		min-height: auto
	}
	.Sveer_blog .post-detail h5.entry-title a::before {
		top: -75px
	}
	.Sveer_blog .post-detail .post-title:after {
		left: 50px;
		top: -75px;
		width: 52px;
		height: 60px
	}
	.Sveer_blog .post-detail h5.entry-title:after {
		bottom: 115px
	}
	.Sveer_blog h1 {
		font-size: 28px;
		line-height: 35px;
		margin: 30px 0 10px
	}
	.block-category-three {
		margin: 0 -10px
	}
	.Sveer_blog h1 {
		font-size: 20px;
		line-height: 30px;
		margin: 30px 0 10px
	}
	.Sveer_blog .post-detail .post-title:after,
	.Sveer_blog .post-detail h5.entry-title a::before,
	.Sveer_blog .post-detail h5.entry-title:after {
		display: none
	}
}

@media(max-width:500px) {
	#middle-section {
		width: 90%;
		margin: auto;
		padding: 0px 0px;
	}
	.single_section.Detail_Blog #respond form#commentform textarea#comment {
		background: #fff;
		margin: 10px 0 20px;
		border-radius: 0
	}
	.single_section.Detail_Blog p {
		margin: 8px 0
	}
	.single_section.Detail_Blog .col-left h3,
	.single_section.Detail_Blog .col-left h4 {
		font-size: 18px;
		margin: 15px 0 10px;
		text-align: left;
		line-height: 24px
	}
	.new-services-section .row .clm-6 {
		padding-right: 0;
		max-width: calc(100%);
		flex: 0 0 100%
	}
	.service-cat h3 {
		line-height: 25px;
		font-size: 20px
	}
	.mobile-link-newservice {
		display: block;
		font-weight: 700;
		letter-spacing: .8px;
		font-size: 20px;
		text-align: center
	}
	.animated-button {
		display: none
	}
	.year-fig-count {
		width: 100%
	}
}

@media screen and (max-width:1289px) {
	.detail-1 ul>li>a {
		padding: 6px 10px
	}
	.col_20R-image-description .col_20R-image-text {
		font-size: 14px
	}
	.col_20R-image-description .col_20R-image-subtitle {
		font-size: 17px
	}
	.heading_shopify h2,
	.sho-css_R h2 {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 20px
	}
	.hubspot-inbound-marketing2 h1 {
		font-size: 40px;
		line-height: 45px;
		margin: 0 0 15px
	}
	.section2 a.theme_a,
	.section22 a.theme_a,
	.section3 a.theme_a,
	.section33 a.theme_a {
		margin: 15px 0 0;
		font-size: 14px;
		padding: 14px 20px
	}
}

@media screen and (max-width:1234px) {
	.detail-1 ul>li>a {
		padding: 6px
	}
}

@media screen and (max-width:1280px) {
	.mid-section:after {
		left: -29px
	}
	.mid-section:before {
		right: -30px
	}
	.mid-section:after,
	.mid-section:before {
		-webkit-transform: skew(-6deg);
		-moz-transform: skew(-6deg);
		-o-transform: skew(-6deg);
		transform: skew(-6deg)
	}
	.product_type a {
		font-size: 12px
	}
	.product_type:before {
		left: 8%
	}
	.product_type:after {
		right: -12%
	}
}

@media screen and (max-width:1243px) {
	.hover_buttons li {
		width: 65%
	}
	.contentttts .col____6 {
		width: calc(50% - 0);
		margin: 0 0 25px 0
	}
	.contentttts .col____6 a {
		padding: 0 15px 0 0
	}
	.col_20R-image-description .col_20R-image-text {
		font-size: 13px
	}
	.col_20R-image-description .col_20R-image-subtitle {
		font-size: 17px
	}
	.col_20R-image-cover {
		border-radius: 25%
	}
	.heading_shopify h4 {
		font-size: 18px;
		font-weight: 400;
		line-height: 28px
	}
	.heading_shopify {
		margin-bottom: 35px
	}
}

@media screen and (max-width:1199px) {
	.homeSection {
		padding-bottom: 355px
	}
	.form____icn.form____icn_1 {
		left: 0!important
	}
	.toll_free.toll_free65 p {
		margin-left: 0
	}
	.col_20R-image-description .col_20R-image-title {
		font-size: 36px;
		font-weight: 400;
		line-height: 40px
	}
	.skillset .row_flex .clm_3 {
		margin: 20px 0;
		max-width: calc(50% - 40px - 20px) !important;
		flex: 0 0 50%
	}
	.topbarbox.top_header_phone .container {
		max-width: calc(100% - 100px)
	}
	.global-header.is-transparent {
		top: 55px
	}
	.topbarbox.top_header_phone {
		padding: 10px 0 22px
	}
	.mid-section:after,
	.mid-section:before {
		display: none
	}
	.mid-section {
		background: 0 0;
		width: 100%;
		margin: 0;
		position: static
	}
	.homeSection {
		padding-bottom: 10px
	}
	.mid-details {
		max-width: 100%;
		background: #fff;
		height: auto;
		margin: 120px auto 0
	}
	.mid-details {
		padding-top: 0
	}
	.left-section,
	.right-section {
		display: none
	}
	.left-section,
	.mid-section,
	.right-section {
		height: auto
			margin: auto;
	}
	.persent_div {
		-webkit-transform: unset;
		-o-transform: unset;
		-moz-transform: unset;
		transform: unset;
		margin-top: 0;
		padding: 30px 0
	}
	.inner-middle {
		max-width: 100%;
		padding: 20px 0;
		flex: 0 0 100%;
		box-sizing: border-box
	}
}

@media screen and (max-width:1193px) {
	.hover_buttons li {
		width: 100%;
		max-width: 70%
	}
	.right-details a.home-support {
		font-size: 16px;
		padding: 0 40px;
		color: #fff;
		text-shadow: 1px 1px #8c8c8c
	}
	.left-section a.home-support {
		padding: 0 50px
	}
	.inner-details,
	.inner-details1 {
		bottom: 17px
	}
	.detail-1 p.head-p {
		font-size: 13px
	}
}

@media screen and (max-width:1130px) {
	.mid-section:before {
		right: -28px
	}
	.mid-section:after {
		left: -28px
	}
	.detail-1 ul>li>a,
	.left-section,
	.mid-section {
		margin-bottom: 5px
	}
	.product_type {
		bottom: 5rem
	}
	.product_type a {
		font-size: 11px
	}
	.detail-1 p:last-child {
		padding: 0 52px
	}
	.detail-1 p:last-child br {
		display: none
	}
	.detail-1 {
		padding: 40px 0 60px
	}
	.mid-details {
		vertical-align: top;
		padding-top: 65px
	}
	.right-details p:last-child {
		font-size: 16px
	}
	.left-section .right-details {
		left: 0
	}
	.mid-details .dial_free {
		margin: 30px 0 24px
	}
	.mid-details p {
		line-height: 18px;
		letter-spacing: 0
	}
}

@media screen and (min-width:1024px) {
	.homeSection {
		padding-bottom: 355px
	}
}

@media screen and (max-width:1024px) {
	.homeSection {
		background-size: auto 100%;
		background: url(../img/io_webdevelopment_banner_1024.jpg) right top no-repeat
	}
	#left_section,
	#right_section {
		display: none
	}
	#middle-section {
		float: none;
		margin: auto;
		height: auto
	}
	.mid-details {
		padding-top: 0
	}
}

@media(max-width:999px) {
	.col_20R-image-description .col_20R-image-title {
		font-size: 30px;
		font-weight: 400;
		line-height: 35px
	}
	.col_20R-image-image-holder:hover .col_20R-image-title {
		transform: translateY(-135px)
	}
	.col_20R {
		width: calc(33.33% - 16px);
		margin: 7px 8px 11px
	}
	.col_20R-image-image-holder:hover .col_20R-image-title {
		transform: translateY(-200px);
		font-size: 40px;
		line-height: 45px
	}
	.col_20R-image-description .col_20R-image-subtitle {
		font-size: 18px
	}
	.col_20R-image-description .col_20R-image-text {
		font-size: 14px
	}
	.intro-inner-2 {
		bottom: 0
	}
	.heading_shopify h2 br,
	.manage_everything2 h2 br {
		display: none
	}
	.heading_shopify h2,
	.manage_everything h2 br {
		font-size: 30px;
		line-height: 40px;
		font-weight: 600
	}
	.piller_intro_content_container.piller_2 {
		max-width: calc(100% - 0);
		margin: 0
	}
	.buildgrow-section h2 {
		font-size: 30px;
		line-height: 32px
	}
	.buildgrow-section {
		padding: 50px 0
	}
	.sho-css_R .col_6R1,
	.sho-css_R .col_6R2 {
		max-width: calc(100% - 0);
		-o-flex: 0 0 100%;
		-i-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		margin-right: 0
	}
	.sho-css_R .col_6R1 {
		margin-bottom: 30px
	}
	._bring_your_business_online,
	.manage_everything,
	.marketyourbusiness,
	.shopifyexperts {
		padding: 30px 0 30px
	}
}

@media(max-width:991px) {
    .col-md-6.col-sm-6.col-12.form-box {
    flex: 0 0 100%;
    max-width: calc(100% - 0px);
    flex: 0 0 100%;
    padding: 30px 0px;
}
	.hubspotH h2,
	.master_platforms h3 {
		font-size: 36px;
		line-height: 46px;
		letter-spacing: 0
	}
	.toll_free.toll_free65 {
		margin: 0;
		padding: 20px 20px;
		position: relative
	}
	.mid-details {
		margin: 60px auto 30px
	}
	.sho-css_R .left_pos-abs {
		display: none
	}
	.heading_shopify h2,
	.sho-css_R h2 {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 20px
	}
}

@media(max-width:950px) {
	.tile-struture-tab button {
		width: 100%;
		padding: 12px 10px;
		height: auto;
		background: #fff;
		border-bottom: 1px solid #ededed;
		cursor: pointer;
		position: relative
	}
	.contentttts .col____6 h4 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 12px
	}
	.piller_intro_image_container {
		max-width: 100%;
		flex: 0 0 100%;
		position: relative;
		overflow: unset;
		margin: 20px 0 0;
		order: 2;
		display: none
	}
	.piller_intro_content_container {
		max-width: 100%;
		flex: 0 0 100%;
		position: relative;
		overflow: unset
	}
	section.shopifyexperts.sho-css_R .col_6R.col_6R2.col_6R-right {
		margin-top: 20px;
		order: 2
	}
	.intro-inner-2 {
		position: relative;
		display: flex;
		flex-flow: unset;
		justify-content: unset;
		width: 100%;
		height: 100%;
		flex-wrap: wrap
	}
	.intro-inner-1 {
		padding-bottom: 0;
		position: relative;
		width: 100%
	}
	.manage_everything2 .piller_intro_image_container {
		order: 2
	}
	.intro-inner-2 picture:nth-child(1),
	.intro-inner-2 picture:nth-child(3),
	.intro-inner-2 picture:nth-child(4),
	.intro-inner-2 picture:nth-child(5) {
		display: none
	}
	.picture.pillar-intro-image:nth-child(2),
	.picture.pillar-intro-image:nth-child(3) {
		width: 100%
	}
}

@media(max-width:1145px) and (min-width:990px) {
	.left-section,
	.right-section {
		width: 35%
	}
	.mid-section {
		width: 100%;
		margin: 0 auto
	}
}

@media only screen and (min-width:1024px) {
	.tiles-module .tile:active:after,
	.tiles-module .tile:focus:after,
	.tiles-module .tile:hover:after {
		background-color: rgba(255, 255, 255, .15);
		box-shadow: 5px 5px 20px #cecece7
	}
	.tiles-module .tile {
		box-shadow: 0 0 25px #e8e8e8
	}
}

@media only screen and (max-width:1024px) {
	.homeSection {
		padding-bottom: 0;
		padding-top: 0
	}
	.mid-details {
		margin: 148px 11px 11px;
	}
}

@media only screen and (min-width:999px) {
	.col-left {
		float: left;
		width: 65%
	}
	.col-right {
		float: right;
		width: 30%
	}
}

@media(max-width:999px) {
	.tiles-module .col-one,
	.tiles-module .col-two,
	.tiles-module .col-two-row-two {
		width: 100%;
		margin-top: 0
	}
	.col-one .image-wrapper {
		max-height: unset
	}
}

@media(max-width:999px) and (min-width:600px) {
    .in_form .row_grp .form_group select.form-control {
    min-height: 34px;
}
    
	.tiles-module .tile-1x2 .tile-inner,
	.tiles-module .tile-2x1 .tile-inner {
		padding-bottom: 48.68421%
	}
	.tiles-module .tile-1x2 .image-wrapper {
		float: left
	}
	.tiles-module .tile-1x2 .image-wrapper {
		position: relative
	}
	.tiles-module .tile-1x2 .image-wrapper,
	.tiles-module .tile-2x1 .image-wrapper {
		width: 51.31579%
	}
	.tiles-module .tile-1x2 .content-wrapper {
		float: left;
		padding: 3.79747% 3.79747% 3.79747% 4.43038%
	}
	.tiles-module .tile-1x2 .content-wrapper,
	.tiles-module .tile-2x1 .content-wrapper {
		width: 48.68421%
	}
}

@media(max-width:870px) {
	.topbarbox.top_header_phone {
		display: none
	}
	.global-header.is-transparent {
		top: 0
	}
	.ecomm .mob_app {
		padding: 50px 0 0
	}
	.mid-details {
    margin: 92px auto 10px;
}
	.inner-middle {
		padding: 0
	}
}

@media(max-width:767px) {
	.master_platforms {
		padding: 30px 0
	}
	.form____icn.form____icn_1 {
		position: relative!important;
		left: 0!important;
		top: 0!important
	}
	.mid-details {
		margin: 90px 7px 7px;
	}
	.hubspotH h2,
	.master_platforms h3 {
		font-size: 25px;
		line-height: 30px
	}
	.hubspotH {
		padding: 30px 0
	}
	.heading_shopify h2,
	.sho-css_R h2 {
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 15px
	}
	.sho-css_R h3 {
		margin: 10px 0 25px;
		font-size: 18px
	}
	.sho-css_R h4 {
		font-size: 17px;
		line-height: 25px;
		margin: 20px 0 10px
	}
	.buildgrow-section {
		padding: 30px 0
	}
	.cont_elem form .input_text input[type=text] {
		height: 55px
	}
	.ecomm .cont_elem form {
		flex-wrap: wrap
	}
	.cont_elem form .input_submit input {
		height: 46px;
		padding: 10px 30px;
		font-size: 16px
	}
	.cont_elem form .input_text {
		max-width: 100%;
		flex: 0 0 100%;
		margin: 0 0 20px
	}
	.ecomm .mob_app {
		padding: 30px 0 0
	}
	.picture--cover.homepage-hero__image {
		display: none
	}
	.mHubspot form .input_text input[type=text] {
		height: 44px
	}
	._bring_your_business_online .heading_shopify p {
		font-size: 16px
	}
	p {
		line-height: 1.6
	}
}

@media(max-width:749px) {
	.manage_everything img.dis_imNNN {
		display: block;
		width: 100%
	}
	.picture.pillar-intro-image {
		display: none
	}
	.pillar-intro__caption {
		display: none
	}
	#hubspot-website-design h2,
	.srajeev h2 {
		font-size: 30px;
		margin: 0 0 20px;
		letter-spacing: 0
	}
}

@media only screen and (max-width:650px) {
	.hubspot-inbound-marketing2 h1,
	.sho-css_R h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 15px;
		font-weight: 400
	}
	.picture.pillar-intro-image {
		display: none
	}
	.col_20R {
		width: calc(50% - 16px)
	}
	.sho-css_R h3 {
		font-size: 22px;
		line-height: 26px;
		margin: 20px 0 25px
	}
	#hubspot-website-design h2,
	.srajeev h2 {
		font-size: 25px;
		margin: 0 0 20px;
		letter-spacing: 0
	}
	.banner_io .ab_banner h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 12px
	}
	.banner_io .ab_banner h1 {
		font-size: 25px;
		line-height: 30px
	}
	.banner_io .ab_banner p {
		font-size: unset;
		margin: 15px 0 0
	}
	.logo_io a img {
		max-height: 55px
	}
	.logo_io {
		height: 55px
	}
	.navigation-r3 {
		height: 70px
	}
	.ab_banner.ab_banner {
		padding: 100px 0 30px
	}
	.logo_io a {
		max-height: 55px
	}
	.top_right_pos p {
		margin: -15px 0 0
	}
	.top_right_pos p:nth-child(2) {
		margin: -4px 0 0
	}
	.top_right_pos p:nth-child(2) a {
		padding: 28px 0
	}
	.navigation-r3 .logo-container {
		padding-left: 0;
		height: 78px
	}
	.navigation-r3 {
		height: 75px
	}
	.top_right_pos p:nth-child(2) {
		width: 55%
	}
	.top_right_pos p {
		width: 45%
	}
	.top_right_pos {
		width: 120px
	}
	.form_bg p.p2 {
		margin-top: 0;
		margin-bottom: 0
	}
	.row_form .form_group input,
	.row_form select {
		height: 40px;
		box-sizing: border-box;
		width: 100%
	}
	.ROW_W.ROW_W1 .form_group {
		margin: 10px 0 0
	}
	.ROW_W {
		margin-bottom: 10px
	}
	.full_width textarea {
		height: 100px;
		border: 0;
		border: 1px solid #343c44
	}
	.sbm-btn {
		margin: 10px 0 0
	}
	.row_form {
		margin: 0
	}
	.sbm-btn input.sbmit {
		border: 0;
		border-radius: 0;
		padding: 10px 30px;
		font-family: 'Open Sans', sans-serif
	}
	.heading_section h2 {
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 15px
	}
	.inner_maP_cnt.howcanwe_helpyou.home .heading_section {
		margin-bottom: 0
	}
	.helpBox li {
		margin-bottom: 15px
	}
	.global-header.sticky .logo_io img {
		max-height: 65px;
		margin-top: 0;
		padding: 0
	}
	.global-header.sticky span.menu-hamburger {
		margin: 0 0 0 30px
	}
	.single_section.Detail_Blog .container {
		max-width: calc(100% - 30px)
	}
	.single_section.Detail_Blog #respond {
		margin: 0;
		border: 0;
		padding: 0;
		background: 0 0
	}
	.single_section.Detail_Blog p {
		text-align: left
	}
	.col-right.detal_b_r h2.widgettitle {
		padding: 0 0 0 10px
	}
	.va_cnt p {
		font-size: unset;
		line-height: unset
	}
	.va_cnt .hd_p {
		font-size: 20px;
		line-height: 25px
	}
	.row_va .clm_7 h2 {
		font-size: 25px;
		line-height: 30px
	}
	.content_row .clm_5 {
		margin: 30px 0 0
	}
	.inner-middle {
		margin: 10px auto 7px;
		width: calc(100% - 0)
	}
	.mid-details .dial_free {
		margin: 0
	}
	.toll_free {
		margin-top: 25px
	}
	.mid-details .dial_free {
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 0
	}
	.mid-details .dial_free span {
		font-size: 20px
	}
}

@media(max-width:599px) {
	.tiles-module .col-one,
	.tiles-module .col-two,
	.tiles-module .col-two-row-two {
		margin-top: 5.17241%;
		padding-left: 0;
		padding-right: 0
	}
	.tiles-module .tile-1x2 .tile-inner,
	.tiles-module .tile-2x1 .tile-inner {
		padding-bottom: 200%
	}
	.tiles-module .tile-1x2 .content-wrapper,
	.tiles-module .tile-1x2 .image-wrapper,
	.tiles-module .tile-2x1 .content-wrapper,
	.tiles-module .tile-2x1 .image-wrapper {
		width: 100%
	}
	.tiles-module .tile-1x2 .content-wrapper,
	.tiles-module .tile-1x2 .image-wrapper,
	.tiles-module .tile-2x1 .content-wrapper,
	.tiles-module .tile-2x1 .image-wrapper {
		width: 100%
	}
	.tiles-module .content-wrapper,
	.tiles-module .tile-1x2 .content-wrapper,
	.tiles-module .tile-2x1 .content-wrapper,
	.tiles-module .tile-2x2 .content-wrapper {
		padding: 8.62069% 6.89655%
	}
}

@media(max-width:500px) {
	.skillset .row_flex .clm_3 {
		max-width: calc(100% - 30px - 10px);
		flex: 0 0 100%;
		margin: 10px 0
	}
	.heading_section p {
		text-align: left
	}
}

@media(max-width:400px) {
	.top_right_pos {
		height: 82px
	}
	.toll_free.toll_free65 {
		margin: 0;
		padding: 0 15px
	}
	.toll_free.toll_free65 {
		margin: 0;
		padding: 0 40px
	}
	.top_right_pos p:nth-child(2) a {
		padding: 30px 10px 30px 0
	}
	.hubspot-inbound-marketing2 h1,
	.sho-css_R h2 {
		font-size: 22px;
		line-height: 25px;
		margin: 0 0 15px
	}
	.expertise ul {
		width: calc(100% - 10px);
		margin: 0 auto 10px
	}
	.contentttts .col____6 {
		width: calc(100% - 0);
		margin: 0 0 20px 0
	}
	.heading_shopify h2,
	.manage_everything h2 br {
		font-size: 28px;
		line-height: 34px
	}
	.col_20R {
		width: 100%;
		margin: 20px 0 0
	}
	._bring_your_business_online .heading_shopify {
		margin-bottom: 10px
	}
	._bring_your_business_online .heading_shopify p {
		font-size: 16px;
		text-align: center
	}
}