@media only screen and (max-width: 1660px) {
  /*============SET: Responsive Second part============*/
  /*============END: Responsive Second part============*/
}

@media only screen and (max-width: 1440px) {
    .sign_info_pic{bottom: 0;}
	
	/*============SET: Responsive Second part============*/
	/*	.text_hero.text_hero1.presentation_banner { padding-top: 210px; }*/
	.text_hero3:after { background-size: cover; }
	.text_hero:after { background-size: cover; }
	.web_gallery:after { background-size: cover; }
	.hero_infolt { padding-top: 80px; }
	.type_mockup { position: relative; width: auto; left: inherit; padding-top: 0; }
	.type_mockup .nav-tabs .nav-item { float: left; width: auto; padding-right: 30px; }
  	/*============END: Responsive Second part============*/
}

@media only screen and (max-width: 1366px) {
    .big_features .info {padding-left: 50px;}
    .homehero_wrapper:after,.web360:before,.subpage_hero:after,.other_features:before{ background-size: cover;}
    .build_launch:before,.build_launch.white_wave:before,.webmail_wrapper:before,.webmail_wrapper:after{background-size: cover;}
    .home_hero_canvas .main{ right: 15px;text-align: right;}
    .sign_info{-webkit-box-pack: start; -ms-flex-pack: start;justify-content: start;}
    .big_feature_wrapper.spacing .feature_image.order-md-last figure{right: 15px;}
    .text_hero.text_hero1{height: auto; min-height: 1px;}
	
	/*============SET: Responsive Second part============*/
	/*============END: Responsive Second part============*/
}

@media only screen and (max-width: 1200px) {
    .container { max-width: 100%; width: 100%;padding: 0 15px;}
    .home_hero_canvas img {max-width: 90%;}
    .template_gallery{ background-size: auto 610px;}
    .our_mission_vision{padding-top: 0px;}
    .blog_app_features{padding-top:20px; }
    .blog_app_features h3,.how_work_wrapper h3{padding-bottom: 50px;}
    .how_work_wrapper{padding-top: 50px;}
    .morefeature_wrap h3{margin-bottom: 50px;}
    .testimonial_wrapper3{padding-top: 150px;}
    .big_feature_wrapper .feature_image img{width: 100%;}
    .web360.one{padding-bottom: 50px;}
    .text_hero.text_hero1 .hero_info { padding-top: 150px;}
	
	/*============SET: Responsive Second part============*/
	.page-title h1 { padding: 0px 15px; }
	/*============END: Responsive Second part============*/
}

@media only screen and (max-width: 1145px) {
    .mainnav nav ul li,.mainnav nav{ margin-right: 6px;} 
    .home_hero_canvas img { max-width: 80%;}
    .big_feature_wrapper .feature_image { position: relative;}
    .big_feature_wrapper .feature_image figure img{width: 100%;}
    .website_builder:after{ background-size: cover;}
    .about_hero .info h1>Br{display: none;}
    .sign_info_pic{right: 0;padding-bottom: 75.25%;}
    .sign_formbox{padding: 40px 15px;}
    .sign_info{justify-content: start;}
    .sign_in_info .sign_info_pic {bottom:-80px;left: 0;}
    .flow_top { padding-bottom: 100px;}
    .btn-sm{ min-width: 150px;}
    .big_features2 .big_feature_wrapper{margin-bottom: 25px;}
    .big_features .big_feature_wrapper:last-child {margin-bottom: 0;}
    .customisze_css_wrapper {padding-top: 50px;}
    .big_feature_wrapper.spacing .info{padding-left: 0;}
    .big_features2.big_features .info{padding: 0 15px;}
    .presentation_wrapper {padding-top: 30px;}
    .video_tutorials .highlited{padding: 50px 0;}
    a.view_all{margin: 20px auto 0;}
    .video_tutorials h1:after{ width: 68%;}
    .slider-single  .slick-slide img{width: 100%;}
    .highlited_img.p-0{padding: 0 15px!important;}
	
	
	/*============SET: Responsive Second part============*/
	.hero_infolt .web_info ul li img { margin-right: 0; }
	.learn_vid_info.alt { padding: 35px 0; }
	/*============END: Responsive Second part============*/
}

@media only screen and (max-width:1023px) {
    .mainnav nav ul li, .mainnav nav {margin-right: 0px;}
    .btn-sm{min-width: 150px;}
    .testimonial_slider_box{ max-width: 512px;min-height: 416px;}
    .sign_info_pic{padding-bottom: 80.25%;}
    input[type=checkbox].css-checkbox + label.css-label{padding-left: 25px;}
    .hosting_wrapper2{padding-bottom: 0;}
	
	
	/*============SET: Responsive Second part============*/
	.hero_infolt .web_info ul li { float: none; display: inline-block; width: auto; padding-right: 10px; }
	/*============END: Responsive Second part============*/
}


@media only screen and (max-width: 991px){
    .desk-logo{display: none;}
    .mob-logo{display:block;}
    .home_hero_canvas .main{top: 200px;}
    .home_hero_canvas img { max-width: 60%;}
    .cloud3{right: -150px;position: relative;}
    .hero_info h1{font-size: 32px;}
    .web_builder p>br{display: none;}
    .app_carousel_inner .apc_arrows{ right: 0;top: 85px;}
    .big_features .info {padding-left:15px;}
    .big_feature_wrapper{margin-bottom: 50px;}
    .big_features .info h3,.price_table_wrapper .title h3,.app_carousel_inner h3,h3{font-size: 30px;}
    .big_features .info h3>br{display: none;}
    .app_carousel_wrapper { padding-bottom: 180px;}
    .big_features{padding-top:40px;}
    .btn-sm {min-width: 100px;} 
    .headline_column .feature_list ul li{padding: 0 15px}
    .headline_column .feature_tag,.headline_column .price_tag{padding-left: 15px;}
    .testimonial_slider_box {max-width: 400px;min-height: auto;height: auto;}
    .top_footer ul{padding-bottom: 20px;}
    .mainnav nav ul li a{padding: 0 10px;}
    .builderblock{padding: 15px;}
    .website_builder{padding-bottom: 350px;padding-top: 50px;}
    .hosting_featurebox {padding: 40px 25px;}
    .hosting_features{padding-bottom: 25px;}
    .webmail_wrapper .features h5 img {margin-right: 0px;}
    .webmail_wrapper .features h5{font-size: 16px;}
    .gbox .small{ width: 150px;right:-75px;}
    .our_mv_list [class*=col-] {padding: 0 10px;}
    .web_featurebox{ padding:100px 20px 40px;}
    .web360{padding-top: 280px;}
    .web360 h3{padding-bottom: 80px;}
    .join_team .title h3>br{display: none;}
    .join_list .join_box{padding-left: 20px;}
    .join_list .join_box .go_link{left: 20px;}
    .sign_formbox{width: 45%;}
    .sign_up_info,.sign_in_info{width: 55%;}
    .sf_bg{width: 45%; left: 55%;}
    .pattern_bg{ right: 45%; width: 55%;}
    .sign_info_pic{  max-width: inherit;height: auto;overflow: auto; padding-bottom: 0;}
    .sign_info_pic img{width: 100%;}
    .subpage_hero .hero_info {padding-top: 165px;}
    .subapp_box{padding: 30px 20px;}
    .edetailing_hero .hero_pic{margin-top: -50px;}
    .text_hero.text_hero1 h2{font-size: 40px;}
    .video_tutorials h1:after {width: 50%;}
    .video_tutorials .highlited_info .slick-slide { padding-right: 15px;}
    .highlited_list h6>a{font-size: 18px;}
	
	
	
	/*============SET: Responsive Second part============*/
	.hero_infolt .web_info h4 { padding: 25px; font-size: 22px; }
	.hero_infolt .web_info ul { padding: 25px; }
	.hero_infolt .web_info .content { padding: 15px 25px; }
	.hero_infolt .btn-lg { min-width: 200px; }
	.gallery_action a { width: 80px; }
	.gallery_action a img { width: 50px; height: 50px;}
	
	.banner_menu li { margin-right: 15px; }
	.banner_menu li a { padding: 0px 10px; }
	.banner_menu li:after {right: -8px; }
	.blogBanBox { max-width: 600px; width: 100%; margin: 0 auto; }
	.article h3 { margin-bottom: 30px; }
	.article_info { margin-bottom: 50px; }
	.top-view { margin-bottom: 50px; }
	.topview_in:before { display: none; }
	
	.vid_cat_menu h3 { position: relative; border: 1px solid #4c46c4; padding: 0 15px; }
	.vid_cat_menu h3:after { position: absolute; content: ""; height: 20px; width: 30px; top: 18px; right: 15px; border-top: 10px solid #4c46c4; border-bottom: 10px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; }
	.vid_cat_menu ul { display: none; }
	.highlited_img { margin-bottom: 25px; }
	.vid_cat_menu:after { display: none; }
	.highlited_wrap { max-width: 600px; width: 100%; margin: 0 auto; }
	.month_dot { padding: 0; text-align: left; }
	
	
	.learn_video_box { margin-bottom: 20px; }
	.learn_video { margin-bottom: 0; }
	.learn_vid_info { padding: 30px 0px; }
  	/*============END: Responsive Second part============*/
	
	/*11-02*/
	.feature_hero_pic figure {
		left: -140px;
	}
	.feature_hero .info {
		padding-top: 244px;
	}
	.feature_hero .info h1 {
		padding-bottom: 40px;
	}
	.add_comment_form .btn {
		min-width: 150px;
	}
	.month_dot {
		font-size: 18px;
	}
	.presentation_banner {
		padding-top: 50px !important;
	} 
	.hero_infolt .web_info ul li {
		margin-bottom: 8px;
	}
	.build_launch p br {
		display: none;
	}
	.flow_box figure img {
		max-width: 100%;
	}
}



@media only screen and (max-width:767px) {
    .mainnav{ padding-top: 0;}
    .nav-icon{display:block;position: absolute;left:50%;right:0;top:10px;margin:0 auto;text-align:center;font-size:18px;color:#fff;cursor: pointer; width: 110px;margin-left: -55px;}
    .mainnav nav{display: none;position: absolute;left:0;right:0;top:55px;margin:0 auto;text-align:center;max-width:250px;background-color:#fff;    border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
    .homehero_wrapper{height: auto;}
    .home_hero_canvas{ min-height: inherit;}
    .mainnav nav ul li{float:none;text-align: left;}
    .mainnav nav ul li a{ color: #3c379e;line-height:40px;}
    .hero_info {padding-top: 100px; position: inherit; text-align: center;}
    .bot_text{ position: absolute;bottom: 280px;width: 100%;left: 0;right: 0;padding: 0 15px;}
    .home_hero_canvas .main{right:0; top: 220px;text-align: center;left: 0;}
    .app_carousel_wrapper .slick-dots{display: none!important;}
    .big_feature_wrapper .feature_image{padding-left: 0;}
    .big_feature_wrapper .feature_image figure,.big_feature_wrapper .feature_image.order-md-last figure{position: relative;}
    .big_feature_wrapper .feature_image.order-md-last {padding-left: 15px;padding-right:0;}
    .price_table_wrapper:before{background-size: contain;}
    .template_gallery{padding-bottom: 100px;}
    .testimonial_wrapper .title {padding-top:20px;}
    .testimonial_slider_box {max-width: 100%;}
    .footer{ padding-top: 50px; margin-top: -1px;}
    .top_footer{padding-bottom: 50px;}
    .social_links {text-align: center;}
    .copyright_box.text-right{text-align: center !important;}
    .cloud3 { right: 0;}
    .headline_column{display: none;}
    .plan_column,.plan_column.picked {flex: 100%; max-width: 100%;}
    .plan{display: none;}
    .plan_column.picked{margin-top: 40px;}
    .plan_column.business.picked .picked_title{border-radius: 0;}
    .plan_column.active .plan{display: block;}
    .price_tag h6>span,.feature_tag span,.plan_column .feature_list ul li span{display: block;}
    .plan_column .feature_list ul li span{    text-align: left;width: 50%;}
    .plan_column.business.picked .price_tag h6>span,.plan_column.business.picked .feature_tag span,.plan_column.business.picked .feature_list ul li span{color: #fff;}
    .top_footer ul{display: none;}
    .top_footer h5{padding: 15px 0;}
    .top_footer .col-md-4{ border-bottom:1px solid #595b87;}
    .top_footer .active1 ul{display: block;}
    .top_footer h5{position: relative;}
    .top_footer h5:after{content:"\f063";  font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 0;top: 50%;}
    .col-md-4.active1 h5:after{content:"\f062";  font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 0;top: 50%;}
    .subscribe_box h5:after{display: none;}
    .feature_hero_pic{position: inherit;}
    .feature_hero_pic figure{width: auto;}
    .feature_hero .info { padding-top: 400px;}
    .website_builder .title .btn{margin-top: 40px;}
    .builderblocks_list [class*=col-]:nth-child(2n) {top: 0px;}
    .builderblocks_list [class*=col-]{ margin: 20px 0;}
    .hosting_features [class*=col-]{border-right: none;}
    .hosting_features [class*=col-]:nth-last-child(-n+3){border-bottom: 2px solid #d4d2f6;}
    .webmail_wrapper .title {padding-bottom: 30px;}
    .webmail_wrapper .features h5{ margin-bottom: 15px}
    .webmail_wrapper .features [class*=col-]{padding: 20px 15px;}
    .gbox .small {width: 100px;right: -50px;}
    .gbox{margin-right: 100px;}
    .webdrive_wrapper{ padding-top: 85px;}
    .about_hero_pic{position: inherit;}
    .about_hero_pic > figure{width: auto;}
    .about_hero .info h1{text-shadow: 1px 1px 3px #fff;}
    .our_mission_vision .info { padding: 0 15px;}
    .our_mv_list{margin: 0 auto;    padding-bottom: 50px;}
    .our_mission_vision .info h5{padding: 30px 0;}
    .our_mv_list [class*=col-]{margin: 20px auto;}
    .web_features [class*=col-]{margin-bottom: 60px;}
    .sign_info .content h1 strong { font-size: 80px;}
    .subpage_hero .hero_pic{padding-top:50px;}
    .newsletter_hero .hero_pic{ margin-top: 0;}
    .flow_box{text-align: center;}
    .flow_box .info{padding: 15px;}
    .flow_box .text-right{text-align: center!important;}
    .morefeature h5{margin-bottom: 15px;}
    .price_table_wrapper{padding-bottom: 40px;}
    .morefeature_wrap h3{margin-bottom: 20px;}
    .morefeature>div{padding: 10px 15px;}
    .testimonial_wrapper3{padding-top: 50px;}
    .newsletter_hero .hero_pic figure{margin-right: 0;}
    .subpage_hero .hero_info{padding:165px 15px 0;}
    .edetailing_hero .hero_pic figure{margin: 0 auto;}
    .big_feature_wrapper.spacing .feature_image.order-md-last figure{position: relative;}
    .customisze_css_wrapper.bg-white .title{margin: 0 auto;}
    .customisze_css_wrapper.bg-white .title .info{padding: 0;}
    .publish_block figure img{left: 0;}
    .other_features{margin-top: 220px;}
    .other_features h3{padding-bottom: 20px;}
    .other_featurelist{padding-bottom: 30px;}
    .other_featurelist [class*=col-]{padding: 0 15px;}
    .builder_lego [class*=col-]:first-child {padding-top: 30px;}
    .builder_lego .builderblock{margin: 20px auto;}
    .app_hero{background-size: auto; min-height: 500px;}
    .builder_lego [class*=col-]:last-child {padding-top: 0;}
    .presentation_wrapper .info.p-0{padding: 0 15px!important;}
    .builder_lego .builderblock{min-height: auto;}
    .presentation_wrapper{padding-bottom: 50px;}
    .big_feature_wrapper .feature_image{padding-bottom: 15px;}
    .webdrive_wrapper.webdrive_wrapper2{padding-bottom:20px;}
    .highlited_info.blog_info{margin: 0 auto;padding: 15px;}
    .video_tutorials .highlited_info .slick-slide{height: auto;}
    .highlited_info.blog_info.pad_lr_0{padding: 15px!important;}
    .art_details>div{padding: 15px;}
    .art_details img{width: 100%;}
    .btm_footer{border-top: none;}
    .post_content .breadcrumb{padding-top: 20px;}
    .post_content .breadcrumb li{font-size: 16px;}
	
	/*============SET: Responsive Second part============*/
	.presentation_banner.text_hero.text_hero1 { height: 1400px; }
	.hero_infolt { width: 100%; float: none; }
	.mockup_wrapper { width: 100%; float: none; }
	.type_mockup { text-align: center; }
	.type_mockup .nav-tabs { display: inline-block; }
	.web_gallery { position: relative; padding: 60px 0 120px; }
	.web_gallery h3 { padding-bottom: 50px; }
	.website_temp { max-width: 450px; width: 100%; margin: 0 auto; }
	.template_g { max-width: 450px; width: 100%; margin: 0 auto; }
	.template_gallery.template_gallery3 { padding-bottom: 0px; }
	.mainmockup_box_desktop { padding: 20px 5px; padding-bottom: 5px; }
	.mainmockup_slider .slick-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
	
	.banner_menu li { float: none;}
	.banner_menu li:after { display: none; }
	.blog_wrap .container { padding: 0 15px; }
	.article h3 { max-width: 450px; width: 100%; margin: 0 auto 30px; }
	.article_info { max-width: 450px; width: 100%; margin: 0 auto 90px; }
	.custmodal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
	.new-modal-content { background-color: #fefefe; margin: 0; padding: 20px; border: 1px solid #888; width: 100%; }
	.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; position: absolute; top: 15px; right: 15px; }
	.close:hover,.close:focus { color: black; text-decoration: none; cursor: pointer; }
	.library_wrap h4 { border: 1px solid #4c46c4; padding: 0px 15px; position: relative; }
	.library_wrap h4:after { position: absolute; content: ""; height: 20px; width: 30px; top: 18px; right: 15px; border-top: 10px solid #4c46c4; border-bottom: 10px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; }
	
	.contact_form { margin: 0px 15px; }
	
	header.alt .nav-icon { color: #74738d }
	header.alt .mainnav nav { background-color: #4c46c4; z-index: 2; }
	.header.alt .mainnav nav ul li a { color: #ffffff; }
	.post_content { padding-top: 0px; }
	.post_title { padding-top: 0; padding-bottom: 40px; }
	.post_title h1 { font-size: 25px; }
	.post_title .text-right { text-align: left !important; }
	.post_info ul li { padding-left: 30px; margin-right: 30px; display: inline-block; }
	.share_links{ padding-bottom: 40px; }
	.share_links { text-align: center; }
	.share_links ul{ display: inline-block; }
	.share_links ul li { margin-right: 30px; display: inline-block; }
	.share_links ul li a { padding-left: 40px; line-height: 33px; }
	.sc_icon { height: 35px; width: 35px; line-height: 33px; }
	.post_sidebar h4 { text-align: center; }
	.related_articles { padding-bottom: 0px; }
	.related_articles ul { text-align: center}
	.related_articles ul li { display: inline-block;  }
	.tags_list { text-align: center; }
	.tags_list ul { display: inline-block}
	.comment_wrapper { padding-bottom: 50px; }
	
	.page-title { padding: 30px 0px; }
	.page-title h1 { font-size: 36px; }
	.simple_wrap { padding-top: 35px; }
	.simple_wrap .simple_info:before { right: inherit; left: inherit; font-size: 75px; }
	.simple_info { padding-top: 75px; padding-bottom: 50px; }
	.simple_info h4 { font-size: 20px; }
	
	.learn_video_box { flex: 100%; max-width: 450px; margin: 0 auto 20px; }
	
	.ach_box { max-width: 450px; width: 100%; margin: 0 auto; }
	.web_featurebox { max-width: 450px; width: 100%; margin: 0 auto; }
	.join_box { max-width: 450px; width: 100%; margin: 0 auto; }
	.subapp_box { max-width: 450px; width: 100%; margin: 0 auto; }
	.builderblock { max-width: 450px; width: 100%; margin: 0 auto; }
	.hosting_featurebox { max-width: 450px; width: 100%; margin: 0 auto; }
	.contact_list_box { max-width: 450px; width: 100%; margin: 0 auto 40px; }
	.contact_list_box h4 { margin-bottom: 15px; }
	.contact_list_box p { margin-bottom: 15px; }
	.contact_list_wrap { padding-bottom: 0; }
	.banner404.purple-grad2 { margin-bottom: 30px; }
	.year_wrap { padding-left: 0px; padding-bottom: 50px; }
	.month_dot { position: relative; left: inherit; top: inherit; padding: 0 15px 0 50px; }
	.month_dot:after { right: inherit; left: 15px;}
	.archive_breadcrumb h1 { font-size: 32px; }
	
	.text_hero.text_hero1.height100vh { min-height: 100vh; }
	/*============END: Responsive Second part============*/
	
	/*11-02*/
	.close {
		color: #aaaaaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
		position: absolute;
		right: 15px;
		top: 15px;
		z-index: 9999;
	}
	.home_hero_canvas .main {
		top: 280px;
	}
	.home_hero_canvas .main .h_c3 {
		top: 270px;
	}
	.testimonial_slider_box {
		padding: 90px 12% 100px 12%;
	}
	.testimonial_slider blockquote {
		font-size: 14px;
	}
	.tst_action .i_p1 {
		bottom: 20px;
		left: 40px;
	}
	.tst_action .i_p2 {
		top: -40px;
		left: 60%;
	}
	.feature_hero .info {
		padding-top: 480px;
	}
	.sign_formbox {
		height: 50%;
		top: 0;
	}
	.sign_up_info {
		left: 0;
		position: absolute;
		top: 50%;
		z-index: 90;
	}
	.pattern_bg {
		height: 50%;
		left: auto !important;
		right: 0 !important;
		top: 50%;
		width: 100%;
		transform: none !important;
		animation: none !important;
	}
	.sf_bg {
		height: 50%;
		left: 0;
		width: 100%;
	}
	.sign_form {
		height: 100vh;
		min-height: 850px;
	}
	.sign_formbox h2 {
		padding-bottom: 40px;
	}
	.sign_info {
		height: 50%;
		top: 50%;
		width: 100%;
	}
	.sign_in_info .content {
		text-align: left;
	}
	.blog_wrap {
		margin-top: -80px;
	}
	.banner_menu {
		padding-top: 40px;
		text-align: center;
	}
	.banner_menu li {
		margin-right: 0;
		margin-bottom: 2px;
	}
	.text_hero.text_hero2 .hero_info {
		padding-bottom: 160px;
	}
	.morefeature_wrap.contact_form_wrap {
		margin-bottom: 60px;
		margin-top: -120px;
	}
	.post_sidebar .share_links {
		display: none;
	}
	.mobview {
		display: block;
	}
	.share_links h4 {
		color: #4c46c4;
		font-family: "Open Sans",sans-serif;
		font-size: 24px;
		font-weight: 600;
		line-height: normal;
		padding-bottom: 30px;
	}
	.sc_icon .fa-envelope {
		top: -1px;
	}
	.post_article > article {
		padding-bottom: 40px;
	}
	.share_links.mobview {
		text-align: left;
	}
	.month_wrap {
		padding-left: 20px;
		padding-top: 20px;
	}
	.year_info {
		margin-left: 10px;
	}
	.month_dot {
		font-size: 20px;
		left: -53px;
		padding: 0 15px 0 72px;
		position: relative;
		top: inherit;
	}
	.blog_catm h4 {
		display: block;
		color: #ffffff;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		line-height: 40px;
		border: 1px solid #ffffff;
		position: relative;
		padding: 0 25px;
		background: rgba(255,255,255,0.1);
		cursor: pointer;
		transition: 0.1s ease-in;
	}
	.blog_catm h4:hover {
		background: rgba(255,255,255,0.2);
	}
	.blog_catm h4:after {
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		right: 10px;
		top: 16px;
	}
	.blog_catm {
		width: 240px;
		margin: 0 auto;
		position: relative;
		padding-top: 0;
		margin-top: 40px;
		z-index: 80;
	}
	.blog_catm ul {
		display: none;
		width: 100%;
		position: absolute;
		border: 1px solid #ffffff;
		background: rgba(255,255,255,0.95);
		position: absolute;
		left: 0;
		top: 41px;
		z-index: 40;
		padding: 5px 0;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}
	.blog_catm ul li a {
		display: block;
		color: #3c379e;
		padding: 6px 15px;
	}
	.cover_left, .cover_bottom, .cover_right {
		display: none !important;
	}
	.flow_box .info {
		padding: 15px 80px;
	}
	.flow_box figure {
		padding-left: 80px;
		padding-right: 80px;
	}
	.work_flow_list.animated .flow_box .number img {
		animation-delay: 0s !important;
	}
	.flow_box .info p {
		text-align: left;
	}
	.subpage_hero {
		min-height: 660px;
	}
	.subpage_hero .hero_pic {
		padding-top: 0;
	}
	.mainnav nav ul li a {
		padding: 0 15px;
	}
	.blog_app_list [class*="col-"] {
		margin-bottom: 30px;
		min-height: 1px;
	}
	.subapp_box {
		padding: 30px 20px 50px;
	}
	.flow_box .info h4 {
		padding-bottom: 12px;
		text-align: left;
	}
}

@media only screen and (max-width:660px) {
    .big_features .info h3, .price_table_wrapper .title h3, .app_carousel_inner h3, h3 {font-size: 25px;}
    .plan_column .feature_list ul li span{width: 80%;}
    .price_table_wrapper{padding:120px 0 50px;}
    .app_carousel_inner .apc_arrows{top:0;position: relative;}
    .app_carousel_inner h3 ,.testimonial_wrapper .title h3{ padding-bottom: 25px;}
    .app_carousel_wrapper:after{background-size: contain;}
    .feature_hero .info h1{padding-bottom: 20px;font-size: 40px;}
    .gbox{margin-left: 0;margin-right: 55px;}
    .feature_hero{min-height: auto;}
    .website_builder {padding-bottom: 300px;}
    .about_hero{min-height: auto;}
    .web360 .btn_box {padding-top: 20px;}
    .testimonial_wrapper2{padding-top: 50px;}
    .about_hero .info h1{font-size: 32px;}
    .web360 h3{font-size: 30px;}
    .pattern_bg{ height: 50%;right: 0;width: 100%;}
    .sign_up_info, .sign_in_info,.sign_formbox{width: 100%;}
    .sign_info{height: 50%;}
    .sign_info_pic{display: none;}
    .sign_info .content .btn {margin-top: 15px;}
    .sign_in_info .content h1{padding-bottom: 30px;}
    .subpage_hero .hero_info h1{font-size: 40px;}
    .text_hero { min-height: 400px;}
    .flow_box figure img{width: auto;}
    .flow_bottom{padding-bottom: 0;}
    .how_work_wrapper{padding-bottom: 30px;}
    .build_launch {padding-top:250px;}
    .guides_sec h1:after{width: 50%;}
    .art_details{padding:20px 0 0;}
    .art_details ul li h2{font-size: 25px;line-height:normal;}
    .video_tutorials h1:after{display: none;}
    .video_tutorials h1{font-size: 30px;}
    .highlited_info h2{font-size: 22px;}
    .video_tutorials .highlited { padding: 20px 0;}
    .art_details ul.first li{padding-right: 0;}
    .art_details ul li h2,.art_details ul li h3{font-size:20px;}
    .art_details ul li{width: 100%;padding-right: 0;}
    .text_hero.text_hero1 .hero_info.text-center {padding-top: 110px; padding-bottom: 110px;}
    .text_hero.text_hero1 h2{font-size: 35px;}
	
	
	
	/*============SET: Responsive Second part============*/
	.post_info ul li { padding-left: 35px; margin-right: 25px;}
	.errorMsg404 h1 { font-size: 22px; }
	/*============END: Responsive Second part============*/
	
	/*11-02*/
	.get_started_form_wrapper {
		padding: 0 20px;
	}
	#register {
		width: 440px;
		padding: 2px 15px 20px 20px;
	}
	.ineed label {
		font-size: 16px;
	}
	.progress_wrapper {
		width: 360px;
	}
	.home_hero_canvas .main {
		top: 280px;
	}
	.home_hero_canvas .main .h_c3 {
		top: 270px;
	}
	.feature_hero .info {
		padding-top: 420px;
	}
	.library_wrap {
		padding-top: 40px;
	}
	.morefeature_wrap.contact_form_wrap {
		margin-top: -100px;
	}
	.post_content .breadcrumb li {
		font-size: 15px;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: 10px;
	}
	.post_article figure {
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.highlight_block {
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	.post_article > article {
		padding-bottom: 20px;
	}
	.year_info_box {
		margin-bottom: 20px;
	}
	.year_info_box p {
		font-size: 18px;
	}
	.year_select select option {
		font-size: 20px;
		height: 40px;
		min-width: 160px;
		padding: 0 20px;
	}
	.learning_hero.text_hero1 .hero_info.text-center {
		padding-bottom: 220px;
		padding-top: 110px;
	}
	.gallery_action a img {
		margin-bottom: 10px;
	}
	.gallery_action ul li {
		margin-bottom: 10px;
	}
	.type_mockup .nav-tabs .nav-item:last-child {
		padding-right: 0;
	}

}

@media only screen and (max-width:480px) {
    .nav-icon{top:15px;}
    .mainnav nav{top:60px;}
    .hero_info h1 {font-size: 25px;}
    .home_hero_canvas .main{top: 250px;}
    .home_hero_canvas .main>img {max-width: 75%;}
    .home_hero_canvas .main .h_c3{ top: 145px;}
    .home_hero_canvas img {max-width: 40%;}
    .web_builder .title h3>br,.price_table_wrapper .title h3>br,.build_launch p>br{display: none;}
    .builder_features ul li figure{float: none;margin: 0 auto 10px;}
    .builder_features ul li{text-align: center;}
    .web_builder .title {padding-bottom:30px;}
    .app_box { width: 300px;}
    .account_btn{font-size: 12px;padding: 0 10px;}
    .homehero_wrapper{ min-height: 700px;}
    .feature_hero .info {padding-top: 340px;}
    .feature_hero .info h1{font-size: 35px;}
    .website_builder .title h3 {padding-bottom: 20px;}
    .website_builder .title .btn{margin: 40px auto 0;}
    .website_builder {padding-bottom: 250px;}
    .join_list .join_box h4{line-height: normal;font-size: 24px;}
    .web360 h3{font-size: 25px;}
    .sign_info .content h1 strong {font-size: 70px;}
    .sign_info .content h1 {font-size: 40px;}
    .sign_formbox h2{font-size: 32px;padding-bottom: 20px;}
    .subpage_hero .hero_info h1{font-size: 35px;}
    .price_tag h6>span, .feature_tag span, .plan_column .feature_list ul li span{font-size: 16px;}
    .flow_box figure img{width: 100%;}
	
	
	
	/*============SET: Responsive Second part============*/
	.blog_info { padding: 20px; }
	.blog_info h5 { font-size: 16px; }
	.blog_info h2 { font-size: 20px; }
	
	.contact_form { padding: 30px 15px; }
	.morefeature_wrap.contact_form_wrap h3 { margin-bottom: 30px; }
	
	.post_title h1 { font-size: 24px; }
	.post_article h3 { font-size: 20px; }
	.comment_list ul li li .comment { padding-left: 0px; }
	.comment .content { overflow: inherit; }
	.comment .content h5 { font-size: 18px; }
	.reply { font-size: 18px; }
	.breadcrumb li { font-size: 16px; padding: 0 15px; }
	.share_links ul li { margin-right: 25px; }
	.breadcrumb-item + .breadcrumb-item { padding-left: 15px; }
	
	.archive_breadcrumb h1 { font-size: 24px; }
	.year_select { margin-left: 0; }
	.year_select select {     background-position: center left; }
	/*============END: Responsive Second part============*/
	
	/*11-02*/
	.get_started_form_wrapper {
		padding: 0 15px;
	}
	.progress_wrapper {
		width: 92%;
	}
	#register {
		padding: 2px 15px 15px 15px;
		width: 100%;
	}
	.ineed {
		left: 15px;
	}
	.ineed_inner {
		display: block;
	}
	.ineed label {
		align-items: center;
		display: flex;
		font-size: 13px;
		height: 40px;
		line-height: normal;
		margin-right: 0;
		text-align: left;
		width: 80px;
	}
	.ineed .ineed_select select {
		padding: 0 25px 0 10px;
	}
	#inputContainer {
		width: auto;
		margin-right: 32px;
	}
	.ineed .ineed_select select {
		font-size: 13px;
	}
	.ineed .ineed_select select option {
		font-size: 13px;
	}
	.ineed .ineed_select:after {
		right: 12px;
	}
	.ineed .ineed_select {
		width: 150px;
	}
	#inputContainer input {
		font-size: 16px;
		height: 30px;
		line-height: 30px;
	}
	#inputLabel {
		font-size: 16px;
		line-height: 30px;
		margin: 0;
	}
	#inputContainer input:valid + #inputLabel {
		line-height: normal;
	}
	.checkmark_big {
		height: 80px;
		width: 80px;
	}
	.account_created {
		padding: 0 25px 30px;
		width: 90%;
	}
	.account_created .checkmark_big {
		top: -40px;
	}
	.account_created h4 {
		font-size: 24px;
		margin-top: -25px;
		padding-bottom: 20px;
	}
	.account_created p {
		line-height: normal;
	}
	.account_created .btn {
		margin-top: 20px;
	}
	.home_hero_canvas .main > img {
		max-width: 75%;
		width: 280px;
	}
	.bot_text {
		bottom: 280px;
	}
	.homehero_wrapper {
		min-height: 720px;
	}
	.hero_info p br {
		display: none;
	}
	.testimonial_slider_box {
		padding: 90px 16% 100px 14%;
	}
	.testimonial_slider blockquote {
		font-size: 14px;
		line-height: 1.5;
	}
	.tst_action .i_p2 {
		left: 75%;
		top: -50px;
	}
	.tst_action .i_p3 {
		bottom: -20px;
		right: 40px;
	}
	.feature_hero_pic figure {
		overflow: hidden;
	}
	.feature_hero_pic figure img {
		display: block;
		max-height: 440px;
		width: 120%;
	}
	.forgot_form .btn_box [class*=col-] {
		width: 100%;
	}
	.forgot_form .btn_box [class*="col-"] {
		margin-bottom: 15px;
		max-width: none;
		width: 100%;
	}
	.forgot_form .btn_box .col-6 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.forgot_form .btn_box .col-6.text-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.searchform input {
		padding: 0 50px 0 15px;
	}
	.searchform input[type="submit"] {
		padding: 0;
		max-width: 50px;
	}
	.library_wrap h4 {
		font-size: 22px;
		padding: 4px 15px;
	}
	.text_hero.text_hero1 .hero_info.text-center {
		padding-bottom: 80px;
		padding-top: 110px;
	}
	.library_wrap {
		padding-top: 40px;
	}
	.blog_wrap {
		margin-top: -50px;
	}
	.contact_hero h6 {
		font-size: 14px;
	}
	.morefeature_wrap.contact_form_wrap h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.morefeature_wrap.contact_form_wrap {
		margin-top: -80px;
	}
	.post_pic {
		margin-bottom: 40px;
	}
	.post_pic img {
		border-radius: 10px;
	}
	.post_article figure img {
		border-radius: 10px;
	}
	.share_links ul li {
		margin-right: 12px;
	}
	.learning_hero.text_hero1 .hero_info.text-center {
		padding-bottom: 220px;
		padding-top: 110px;
	}
	.flow_top figure {
		padding-right: 15px;
	}
	.flow_top .info {
		padding-right: 15px;
	}
	.flow_middle figure {
		padding-left: 15px;
	}
	.flow_middle .info {
		padding-left: 15px;
	}
	.flow_bottom figure {
		padding-right: 15px;
	}
	.flow_bottom .info {
		padding-right: 15px;
	}
}

@media only screen and (max-width:360px) {
    .plan_column .feature_list ul li span {width: 90%;}
    .nav-icon{font-size: 16px;}
	
	
	
	
	/*============SET: Responsive Second part============*/
	/*============END: Responsive Second part============*/
}

@media only screen and (min-width:768px) {
	.library_checkbox.custmodal {
		display: block !important;
	}
	.blog_catm ul {
		display: inline-block!important;
	}
}




/* website quickfixes FLO */


/* INDEX page*/

.app_carousel_wrapper {
    padding-bottom: 180px;
}
@media only screen and (max-width: 991px) {
    .app_carousel_wrapper {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 991px) {
    .app_carousel_wrapper {
        padding-bottom: 80px;
    }
}

.price_table_wrapper.rem_bg_wave_img:after {
    display: none;
}
@media only screen and (max-width: 991px) {
    .price_table_wrapper.rem_bg_wave_img {
        padding-top: 200px;
    }
    .price_table_wrapper:before {
        height: 109px;
    }
}

/*FEATURES page*/

/* rocket image display mobile fix*/
@media only screen and (max-width: 767px) {
    .feature_hero_pic figure {
        top: 5px;
    }
    .feature_hero .info {
        margin-top: 60px;
    }
    .feature_hero .info p {
        margin-bottom: 30px;
    }
}

/* top rocket img text overlap*/
@media only screen and (max-width: 991px) {
    .website_builder .col-md-7 {
        z-index: 2;
    }
}


/* website builder features panels overlap*/
@media only screen and (max-width: 767px) {
    .builderblocks_list_old [class*=col-] {
        margin: 20px 0;
    }
}


/* multiple spaceing fixes*/
.webmail_wrapper:not(.webmail_wrapper2), .webdrive_wrapper:not(.webdrive_wrapper2) {
    padding-top: 185px;
}
@media only screen and (max-width: 767px) {
    .webmail_wrapper:not(.webmail_wrapper2), .webdrive_wrapper:not(.webdrive_wrapper2) {
        padding-top: 85px;
    }
    .website_builder .wb_btnbox {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .website_builder {
        padding-bottom: 150px;
    }
}


/*PLANS page*/

.morefeature_wrap {
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .morefeature_wrap {
        padding-bottom: 0;
    }
}

/*ABOUT US page*/
/* rem top image on mobile to fix overlap*/
@media only screen and (max-width: 767px) {
    .about_hero_pic {
        display: none;
    }
}

/* multiple pages*/

/* top page info spacing*/
@media only screen and (max-width: 767px) {
    .hero_info {
        padding-top: 150px;
    }
}