@media only screen and (max-width: 1024px) {
	#header,
	.banner_holder,
	.contact_salesteam,
	.faq_content_holder,
	.footer_content,
	.about_content_holder {
    	width: 100%;
	}
	
	.footer_wrapper .login_btn_holder {
	    margin-right: 0px;
	}
	.terms_content {
	    width: 100%;
	    padding: 0px 20px;
	    box-sizing: border-box;
	}
	.inner_banner_wrapper div {
	    width: 100%;
	    box-sizing: border-box;
	}
	.block {
	    margin-bottom: 20px;
    	margin-top: 0px;	    
	}
	.left_menus {
	    width: 100%;
	    float: initial;
	    background: none;
	    height: auto;
	    padding: 0px 20px;
    	box-sizing: border-box;
	}
	.left_menus ul {
	    margin: 0px;
	    width: 100%;
	}
	.left_menus ul li {
	    display: inline-block;
	    width: auto;
	}
	.left_menus ul li a,
	.left_menus ul li .current {
	    padding: 5px 15px;
	}
	.right_content {
	    width: 100%;
	    float: initial;
	    padding: 20px 25px;
	    box-sizing: border-box;
	}
	.left_menus ul li a br {
	    display: none;
	}
	.cloud_bottomimagecontainer {
	    margin-top: 0px;
	}
	.popup_wrapper2 {
	    width: 100%;
	    height: auto;
	}
	.popup_content2 {
	    padding: 30px;
	}
	.crmplan_wrapper {
	    height: auto;
	}
	
}
@media only screen and (min-width: 900px) {
	.header_dropdown {
	    position: absolute;
	    border: 1px solid #ebebeb;
	    background-color: #fff;
	    border-radius: 6px;
	    width: 500px;
	    padding: 15px 0;
	    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
	    margin-left: -170px;
	    top: 60px;
	    visibility: hidden;
	    opacity: 0;
	    transition: opacity 1s linear;
	    -webkit-animation: move-up .3s linear 1,fade-out .3s linear 1;
	    -moz-animation: move-up .3s linear 1,fade-out .3s linear 1;
	    -ms-animation: move-up .3s linear 1,fade-out .3s linear 1;
	}
	.header_wrapper nav > div:hover > ul.header_dropdown {
	    -webkit-animation: fade-in .3s linear 1, move-down .3s linear 1;
	    -moz-animation: fade-in .3s linear 1, move-down .3s linear 1;
	    -ms-animation: fade-in .3s linear 1, move-down .3s linear 1;
	    top: 70px;
	    opacity: 1;
	    visibility: visible;
	}
	
	.header_dropdown:before {
	    content: '';
	    border-left: 17px solid transparent;
	    border-right: 17px solid transparent;
	    border-bottom: 17px solid #E0E0E0;
	    position: absolute;
	    top: -17px;
	    left: 50%;
	    margin-left: -64px;
	    display: block;
	}
	.header_dropdown:after {
	    content: '';
	    border-left: 16px solid transparent;
	    border-right: 16px solid transparent;
	    border-bottom: 16px solid #fff;
	    position: absolute;
	    top: -16px;
	    left: 50%;
	    margin-left: -63px;
	    display: block;
	}
	
	.header_dropdown > li {
	    float: left;
	    width: calc(100% / 2);
	    box-sizing: border-box;
	    padding: 10px 20px;
	}
	.resources_navlist em {
		display: none;
	}
	@-webkit-keyframes fade-in {
	  from {
	    opacity: 0;
	  }
	  to {
	    opacity: 1;
	  }
	}
	@-moz-keyframes fade-in {
	  from {
	    opacity: 0;
	  }
	  to {
	    opacity: 1;
	  }
	}
	@-ms-keyframes fade-in {
	  from {
	    opacity: 0;
	  }
	  to {
	    opacity: 1;
	  }
	}
	@-webkit-keyframes move-down {
	  from {
	        top: 60px;
	  }
	  to {
	        top: 70px;
	  }
	}
	@-moz-keyframes move-down {
	  from {
	        top: 60px;
	  }
	  to {
	        top: 70px;
	  }
	}
	@-ms-keyframes move-down {
	  from {
	        top: 60px;
	  }
	  to {
	        top: 70px;
	  }
	}
	
	@-webkit-keyframes fade-out {
	  from {
	    opacity: 1;
	  }
	  to {
	    opacity: 0;
	  }
	}
	@-moz-keyframes fade-out {
	  from {
	    opacity: 1;
	  }
	  to {
	    opacity: 0;
	  }
	}
	@-ms-keyframes fade-out {
	  from {
	    opacity: 1;
	  }
	  to {
	    opacity: 0;
	  }
	}
	@-webkit-keyframes move-up {
	  from {
	        top: 70px;
	  }
	  to {
	        top: 60px;
	  }
	}
	@-moz-keyframes move-up {
	  from {
	        top: 70px;
	  }
	  to {
	        top: 60px;
	  }
	}
	@-ms-keyframes move-up {
	  from {
	        top: 70px;
	  }
	  to {
	        top: 60px;
	  }
	}
}
@media only screen and (max-width: 900px) {
	.banner_holder_lft,
	.banner_holder_rht {
	    width: 100%;
	    padding: 0;
	    text-align: center;
	    float: initial;    
	}
	.plans_holder .banner_holder{
		height: auto;
	}
	.banner_bg .banner_holder_lft p,
	.banner_holder_rht p {
	    text-align: center !important;
	}
	.or{
		display: none;
	}
	.mobile_or {
		display: block;
	    font-size: 18px;
	    color: #333;
	    padding: 30px 0px;
	    text-align: center;	
	    opacity: .3;    
	}
	.left_holder,
	.right_holder {
	    position: initial;
	    margin: 20px auto 0px;
		width: 295px;	    
	}
	.plans_holder .banner_wrapper {
	    height: auto;
	    padding-bottom: 30px;	    
	}
	.col1 ul.firstlist {
	    width: 100%;
	}
	.col1 ul.secondlist {
	    width: 100%;
	}
	.col1 ul.secondlist li {
	    width: calc(100% / 2 - 10px);
	}
	.mobile_menu,.mobile_close {
	    display: inline-block;
	}
	.header_wrapper nav {
	    display: none;
	}
	.mobile_navmenu{
	    position: fixed;
	    background: #FBFCFD;
	    top: 70px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    overflow-y: auto;		
	}
	.mobile_view_show{
		display: block;
	}
	.resources_navlist em {
	    position: absolute;
	    font-size: 12px;
	    margin-top: 3px;
	    margin-left: 15px;
	}
	.resources_navlist {
	    text-align: center;
	}
	.header_wrapper .mobile_navmenu > div {
	    margin-top: 0;
	    float: inherit;
	    text-align: center;
	    background: #FBFCFD;
	    margin-bottom: 15px;    
	}
	.header_wrapper .mobile_navmenu > div > a {
	    display: inline-block;
	}
	.header_dropdown {
	    display: none;
	}
	.header_dropdown > li > a {
	    display: inline-block;
	    padding: 10px 0px;
	}
	.getstarted {
	    order: 6;
	}
}
@media only screen and (max-width: 768px) {
	.banner_wrapper {
	    height: auto;
	}
	.banner_content {
	    width: 100%;
	    text-align: center;
	    padding-bottom: 30px;	    
	}
	.banner_img {
	    width: 100%;
	    position: initial;
	    background-position: center;
	}
	.stretch_banner {
	    height: auto;
	    padding-bottom: 40px;
	}
	.contact_salesteam .login_btn_holder {
	    float: initial;
	    margin: 0px;
	}
	.login_btn_holder .btn_inner {
	    margin: 0px auto;
	}
	.footer_wrapper .btn_inner {
	    padding: 0;
	}
	.faq_content_holder {
	    padding: 0px 60px 30px;
	}
	.feautres li {
	    width: calc(100% / 2);
	}
	.inner_list  {
	    padding: 0px 0px 330px 0px;
	    background-position: bottom center;
	    height: auto;
	    margin-bottom: 20px;
	}
	.footer_content h2 {
	    float: initial;
	    text-align: center;
	}
	.footer_wrapper .login_btn_holder {
	    float: initial;
	    margin-top: 30px;
	    margin-bottom: 40px;
	}
	.login_btn_holder .long_blue_btn {
	    margin: 0px auto;
	    display: block;
	    float: inherit;
	}
	
}
@media only screen and (max-width: 736px) {
	.col1 {
	    width: 100%;
	    margin-bottom: 25px;
	    float: initial;
	}
	.logobw {
	    margin: 0px auto;
	}
	.col1 ul {
	    padding-left: 0;
	}
	.col1 ul li {
	    margin-bottom: 10px;
	}
	.col2 {
	    float: initial;
	    width: 100%;
	}
	.col2 ul {
	    float: initial;
	}
	.col2 ul.lft_col {
	    margin-left: 0px !important;
	}
	.popup_content2 .leftcontent, 
	.popup_content2 .rightcontent {
	    width: 100%;
	}
}
@media only screen and (max-width: 600px),
	   only screen and (max-width: 736px) and (orientation : landscape){
	.logo {
	    margin: 0px;
	    width: 140px;
	    background-size: contain;
	    height: 50px;
	}
	.banner_wrapper {
	    padding-top: 60px;
	}
	.feautres{
		width: 100%;
	}
	.feautres li {
	    width: 100%;
	    border-color: transparent;    
	}
	.faq_content_holder {
	    padding: 0px 30px 30px;
	}
	.copyrights ul li:first-child span {
	    display: none;
	}
	.inner_banner_wrapper div {
	    padding: 25px;
	}
	.inner_banner_wrapper div h1 {
	    font-size: 30px;
	}
	.mobile_menu, .mobile_close {
	    padding: 13px 20px;
	}
	.header_wrapper .mobile_view_show{
		top: 50px;
	}
	
}
@media only screen and (max-width: 568px){
	
	.login_btn_holder {
	    text-align: center;
	}
	.login_btn_holder .btn_inner {
	    width: auto;
	    display: inline-block;
	}
	.long_blue_btn {
	    width: auto;
	    height: auto;
	    padding: 10px 15px;
	    box-sizing: border-box;
	}
	.long_blue_btn b, 
	.long_blue_btn strong {
	    margin: 0px !important;
	    line-height: initial;
	    font-size: 14px !important;
	}
	.feautres li {
	    padding-left: 4px;
	    padding-right: 4px;
	}
	.col1,.col2 {
	    text-align: center;
	}
	.col1 ul.firstlist li,
	.col1 ul.secondlist li {
	    width: 100%;
	}
}
@media only screen and (max-width: 414px){
	
	.feautres li {
	    width: 100%;
	}
	.inner_list {
	    background-size: contain;
	    padding-bottom: 230px;
	}
	.copyrights ul {
	    align-items: center;
	    flex-direction: column-reverse;
	}
	.copyrights ul li:first-child {
	    margin-right: initial;
	    margin-top: 10px;
    	opacity: .5;
	}
	.term_condition_act a span {
	    display: none;
	}
	.signup_stretch_banner .contact_salesteam a {
	    display: block;
	    margin-top: 5px;
	}
	.signup_field {
	    padding-right: 80px;
	}
	.signup_btn,
	.signup_long_blue_btn b {
	    font-size: 12px;
	    padding: 0px 11px;    
	}
	.banner_bg {
	    padding: 25px;
	}
	.contact_salesteam h4 {
	    font-size: 20px;
	}
	.banner_holder_lft h3, .banner_holder_rht h3 {
	    font-size: 24px;
	}
	.inner_banner_wrapper div h1 {
	    font-size: 20px;
	}
	.popup_content2 .rightcontent .first {
	    top: 60px;
	}
	.popup_content2 .rightcontent .second {
	    top: 188px;
	}
	.popup_content2 .rightcontent .third {
	    top: 319px;
	}
	
}
@media only screen and (max-width: 375px){
	 .left_holder, .right_holder {
	    width: 100%;
	}
}
@media only screen and (max-width: 320px){
	.title_head {
	    font-size: 30px;
	}
	.title_para {
	    font-size: 18px;
	}
	.long_blue_btn span {
	    font-size: 16px !important;
	}
	.title_subhead {
	    font-size: 24px;
	}
	.title_subpara{
		font-size: 16px;
	}
	.feautres li p {
	    font-size: 16px;
	}
}