/*
Theme Name: Elite Pro Theme
Theme URI: http://siteurl.com
Description: The Elite Pro Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Elite Pro
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: "Poppins", sans-serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 30px;color: #000;font-weight: 600; }
h2 {font-size: 30px;color: #000;font-weight: 600; }
h3 { font-size: 20px;color: #000;font-weight: 600;  }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

	/* layout */
	#layout { width: 100%; position: relative; }
	.wrapper { max-width: 1190px; margin: 0 auto; position: relative; padding: 0 10px; }
	
	/* header */
	#header { padding:0; position: relative; z-index: 10; background: #fff;float:left;width:100%;box-shadow: 0px 4px 4px 0px #d6d1d0; }
	.fixed { padding-top: 200px; }
	.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
	.logo { float: left;width:20%;padding: 5px 0px;;}
	.logo img{width:180px;}
	
	/* topBar */
	.topBar { overflow: hidden; }
	.topBar ul { list-style: none; overflow: hidden; float: right; }
	.topBar li { padding-left: 5px; float: left; }
	.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
	.topBar li a:hover img { opacity: 0.8; }

	/* menuBar */
	.menuBar {float: left;width: 80%;text-align: right;}
	.menuBar a.mobilemenu { display: none; }
	.menuBar ul { padding: 0px; list-style: none; }
	.menuBar li {padding: 20px 11px 20px 25px;position: relative;line-height: 30px;display: inline-block;font-size: 14px;}
	.menuBar li a { text-decoration: none; }
	.menuBar li a:hover, .menuBar li.active a { color: #333; }
	.menuBar ul > li.menu-item-has-children { padding-right: 15px; }
	.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
	.menuBar li ul { position: absolute; left: 0px; width: 300px;background: #fff;border-top: 5px solid #e60000;top:100%; }
	.menuBar li li { padding: 0px; float: none; width: 100%; border: 0px; border-bottom: #CCC solid 1px; text-align: left;}
	.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
	.menuBar li li a { padding: 3px 20px; display: block; color: #000; }
	.menuBar li li a:hover { color: #000; }
	.menuBar li li ul { left: 100%; top:100%; }
	.menuBar li ul { display: none; }
	.menuBar li:hover ul { display: block; }
	.menuBar li:hover li ul { display: none; }
	.menuBar li:hover li:hover ul { display: block; }
	.menuBar a.close { display: none; }
	
	
	
	


.call_btn{float: left;width: 20%;padding: 7px 0;text-align: right;display: none;}
.call_btn a{display: inline-block;padding: 12px 15px;border: 2px solid #e60000;color: #e60000;border-radius: 50px;text-decoration: none;font-weight: 700;transition: .3s;}
.call_btn a:hover{background: #e60000;color: #fff;}

.top_header{float:left;width:100%;background: #181818;padding:7px 0;border-top:1px solid #000;text-align: center;}
.top_header p{font-size:13px;color:#fff;padding: 0;line-height: 18px;}
.top_header p a{font-size:13px;color:#fff;text-decoration:none;color:red;}


.page-id-49 .top_header p a{color:#fff;font-weight:600;}
.page-id-49 .top_header{background: #003399;border-top: 1px solid #003399;}
.page-id-49 .menuBar li ul{border-top: 5px solid #003399;}
.page-id-49 .find button{background: #003399;border: 1px solid #003399;}
.page-id-49 #homeBanner .my_inner a{background: #003399;border: 1px solid #003399;}
.page-id-49 .slide:hover{border-color: #003399;}
.page-id-49 .indep .indp_card .fa-solid{color:#003399;}
.page-id-49 .new_right a{color: #003399;border: 2px solid #003399;}
.page-id-49 .new_right a:hover{background: #003399;}
.page-id-49 .home_cta{background: #003399;}
.page-id-49 .why_coampare .ref_card .fa-solid{color:#003399;}
.page-id-49 .accordion_btn span{color:#003399;}
.page-id-49 a.plan_show{color:#003399;}

.page-id-49 .top_footer{background:#f2f6f6;}
.page-id-49 .top_footer p{color:#000;}
.page-id-49 .top_footer ul li{color:#000;}
.page-id-49 .top_footer ul li a{color:#000;}
.page-id-49 .copyright{background:#f2f6f6;}
.page-id-49 .copyright p{color:#000;}
.page-id-49 .copyright .right ul li a{color:#000;}




.page-id-45 .top_header p{color:#000;}
.page-id-45 .top_header p a{color:#000;font-weight:600;}
.page-id-45 .top_header{background: #ffd327;border-top: 1px solid #ffd327;}
.page-id-45 .menuBar li ul{border-top: 5px solid #ffd327;}
.page-id-45 .find button{background: #ffd327;border: 1px solid #ffd327;color: #000;}
.page-id-45 #homeBanner .my_inner a{background:#ffd327;border: 1px solid #ffd327;color: #000;}
.page-id-45 .slide:hover{border-color: #ffd327;}
.page-id-45 .indep .indp_card .fa-solid{color:#ffd327;}
.page-id-45 .new_right a{color: #ffd327;border: 2px solid #ffd327;}
.page-id-45 .new_right a:hover{background: #ffd327;}
.page-id-45 .home_cta{background: #ffd327;}
.page-id-45 .why_coampare .ref_card .fa-solid{color:#ffd327;}
.page-id-45 .accordion_btn span{color:#ffd327;}
.page-id-45 a.plan_show{color:#ffd327;}

.page-id-45 .top_footer{background:#fff;}
.page-id-45 .top_footer p{color:#000;}
.page-id-45 .top_footer ul li{color:#000;}
.page-id-45 .top_footer ul li a{color:#000;}
.page-id-45 .copyright{background:#fff;}
.page-id-45 .copyright p{color:#000;}
.page-id-45 .copyright .right ul li a{color:#000;}







.connect_now{float:left;width:100%;padding:60px 0;border-top:1px solid #f1f1f1;}
.connect_now .conn_card{float: left;width: 31.333%;margin: 1%;border: 1px solid #f1f1f1;padding: 20px;border-radius: 10px;text-align: center; min-height: 150px;display: inline-grid;align-items: center;justify-content: center;}
.connect_now .conn_card h4{font-size:18px;font-weight:600;}


	
	/* home banner */
#homeBanner{float: left;width: 100%;position: relative;min-height: 650px;}
#homeBanner .my_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1000px;text-align: center;background: rgba(0, 0, 0, 0.8);padding: 50px;border-radius: 10px;}
#homeBanner .my_inner h1{font-size: 40px;color: #fff;}
#homeBanner .my_inner p{color: #fff;} 
#homeBanner .my_inner a {background: red;color: #fff;padding: 8px 20px;display: inline-block;text-decoration: none;border-radius: 5px;font-size: 25px;font-weight: 600;}

.find {float: left;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.find input {width: 300px;float: left;border-radius: 10px;padding: 12px;border: 1px solid #c8c3c3;font-size: 16px;outline: none;}
.find button {width:auto;float: left;border-radius: 10px;padding:9px 12px;margin-left: 10px;font-size: 16px;font-family: "Poppins", sans-serif;background: red;color: #fff;border: 1px solid red;cursor: pointer;}

.feature{float: left;width: 100%;padding: 60px 0;}
.feature h6{text-align: center;}
.feature h1{text-align: center;padding-bottom: 30px;}
.feature .left{float: left;width: 50%;border: 1px solid #f1f1f1;padding: 20px;}
.feature .right{float: left;width: 50%;padding:30px 0 0 30px;}
.feature .right a{background: red;color: #fff; padding: 8px 40px;display: inline-block;text-decoration: none; border-radius: 5px;font-size:25px;font-weight:600;}
	

.attach {float: left;width: 100%;padding: 15%;background: url(images/attach.jpg) center center no-repeat;background-size: cover;background-attachment: fixed;}
.attach h2 {color: #fff;text-align: center;text-shadow: 1px 1px 1px #000;font-size: 50px;}


.pricing{float: left;width: 100%;padding: 60px 0;}
.pricing h2{text-align: center;}
.pricing h6{text-align: center;}
.pricing .help{padding-top: 60px;}
.pricing .help_card{float: left;width: 31.333%;padding: 20px;border:1px solid #f1f1f1;margin: 1%;text-align: center;}

 .pricing .help_card {float: left;width: 100%;padding: 20px;border: 1px solid #f1f1f1;text-align: center;}

.pricing .help_card p{font-size:25px;padding:10px 0;}
.pricing .help_card ul li{font-size:25px;padding:10px 0;}
a.plan_show{display:block;text-align:center;    color: red;font-size: 20px;font-weight: 700;text-decoration: underline;}




/*new page css*/

.compare_new{float:left;width:100%;padding:60px 0;}
.slider-heading{text-align:center;font-size:38px;font-weight:700;color:#222;margin-bottom:40px;}
.slider{width:100%;position:relative;}
.slide-track{display:flex;align-items:center;width:calc(280px * 16);animation:scroll 30s linear infinite;}
.slide-track:hover{animation-play-state:paused;}
.slide{width:200px;height:80px; /* Fixed card height */margin:0 15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;
border-radius:12px;padding:15px;box-shadow:0 8px 20px rgba(0,0,0,0.12);transition:.3s;}

.slide:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,0.18);border-color:#e60000;}
.slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}

@keyframes scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(calc(-280px * 8));
    }
}








/*end*/



/*sec 3 css*/


.indep{float:left;;width:100%;padding:60px 0;border-top:1px solid #f1f1f1;}
.indep .indp_card{float:left;width:20%;padding:10px;text-align:center;}
.indep .indp_card h5{font-size: 18px;color: #000;font-weight: 600;line-height: 26px;margin:10px 0;}
.indep .indp_card .fa-solid{color:#e60000;font-size:30px;}

.plans.home{float:left;width:100%;background:#fafbfc;}
.plans.home h2{margin-bottom:20px;}
p.pln_para{text-align:center;padding:0 10%;margin-bottom:20px;}


.home_cta{float:left;width:100%;padding:60px 20%;background:#e60000;text-align:center;}
.home_cta h2{color:#fff;}
.home_cta h3{color:#fff;}
.home_cta p{color:#fff;}
.home_cta a{display: inline-block;padding: 12px 15px;border: 2px solid #fff;color: #fff;border-radius: 50px;text-decoration: none;font-weight: 700;transition: .3s;}



.faq_section{width:100%;float:left;background:#fafbfc;padding:70px 0;}
.faq_wrapper{width:900px;max-width:90%;margin:auto;}
.faq_wrapper h2{text-align:center;font-size:36px;margin-bottom:35px;}
.accordion_item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:15px;overflow:hidden;}
.accordion_item input{display:none;}
.accordion_btn{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:17px;font-weight:600;cursor:pointer;color:#111827;}
.accordion_btn span{font-size:25px;color:#e60000;transition:.3s;}
.accordion_content{max-height:0;overflow:hidden;padding:0 25px;transition:max-height .4s ease;}
.accordion_content p{color:#6b7280;line-height:1.6;padding-bottom:20px;}
.accordion_item input:checked ~ .accordion_content{max-height:200px;}
.accordion_item input:checked + .accordion_btn span{transform:rotate(45deg);}




.why_coampare{float:left;width:100%;padding:60px 0;text-align:center;}
.why_coampare .ref_card{float: left;width: 48%;padding: 15px;border: 1px solid #f1f1f1;border-radius: 10px;margin: 1%;text-align: left;min-height: 265px;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;cursor:pointer;}
.why_coampare .ref_card:hover{webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;transform: translate(0,-4px);box-shadow: 0px 4px 4px 0px #00000040;}
.why_coampare .ref_card h5{color: #000;font-weight: 600;line-height: 26px;margin: 9px 0px 0px 0px;}
.why_coampare .ref_card .fa-solid {color: #e60000;font-size: 30px;}


.about_us{float: left;width:100%;padding: 60px 0;}

.plans{width:100%;padding:60px 0;border-bottom:1px solid #eee;}
.plans h2{text-align:center;margin-bottom:40px;font-size:34px;font-weight:700;}
.plan_card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:20px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.05);}


.pleft{width:18%;text-align:center;flex-shrink:0;}
.pleft img{max-width:140px;width:100%;height:auto;}
.pleft p{font-size:13px;margin-top:10px;color:#666;}



.new_middle{width:62%;display:flex;gap:20px;border-left:1px solid #eee;border-right:1px solid #eee;padding:0 20px;}

.pleftf,
.pmidd,
.pright{flex:1;}

.new_middle h5{font-size:13px;font-weight:600;color:#666;margin-bottom:8px;}
.new_middle h3{font-size:30px;color:#000;margin-bottom:10px;}
.new_middle p{font-size:13px;line-height:1.7;color:#555;}
.new_right{width:20%;text-align:center;flex-shrink:0;}

.new_right a{display:inline-block;width:170px;padding:12px 15px;border:2px solid #e60000;color:#e60000;border-radius:50px;text-decoration:none;font-weight:700;transition:.3s;}
.new_right a:hover{background:#e60000;color:#fff;}
.new_right h5{margin-top:15px;font-size:22px;color:#222;font-weight:700;}
.condi{float:left;width: 100%;padding:60px 0;}
.query{float:left;width:100%;}


.wpcf7-form {max-width: 500px;width: 100%;margin: 40px auto;padding: 30px;background: #ffffff;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);box-sizing: border-box;}


.field {margin-bottom: 5px;}
.field label {display: block;font-size: 15px;font-weight: 600;color: #333;margin-bottom: 8px;}
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field textarea {width: 100%;padding: 14px 16px;border: 1px solid #dcdcdc;border-radius: 8px;font-size: 15px;color: #333;box-sizing: border-box;transition: all 0.3s ease;}


.field input:focus,
.field textarea:focus {border-color: #0073e6;box-shadow: 0 0 8px rgba(0, 115, 230, 0.2);outline: none;}


.field textarea {height: 90px;resize: vertical;}
.wpcf7-acceptance {display: block;margin: 15px 0;font-size: 10px;line-height: 1.6;color: #555;}


span.wpcf7-list-item-label{font-size: 12px;line-height: 20px;}

.wpcf7-list-item {margin-left: 0;}
.wpcf7-acceptance a {color: #0073e6;text-decoration: none;}
.wpcf7-acceptance a:hover {text-decoration: underline;}


.field input[type="submit"] {width: 100%;padding: 14px;background: #ff0000;color: #fff;border: none;border-radius: 8px;font-size: 16px;font-weight: 600;cursor: pointer;transition: 0.3s ease;}
.field input[type="submit"]:hover {background: #ff0000;transform: translateY(-2px);}


.query.contact .left{float:left;width:50%;}
.query.contact .right{float:left;width:50%;padding: 60px 0;}
.query.contact .right p{border: 1px solid #f1f1f1;padding: 20px; 
margin: 10px 0px;border-radius: 10px;color: #000;font-weight: 600;display: flex;
    align-items: center;gap: 15px;}

.query.contact .right .fa-solid {
  
    color: #e60000;
    font-size: 25px;}


.top_footer{background: #181818;float: left;width: 100%;padding: 60px 0 0px;}
.top_footer .left{float: left;width: 70%;padding-right: 20px;}
.top_footer .right{float: left;width: 30%;}
.top_footer p{color: #fff;}
.top_footer ul li{color: #fff;list-style: none;}
.top_footer ul li a{color: #fff;text-decoration: none;}
 p.discl{font-size:12px;padding-top:20px;line-height:20px;float:left;width:100%;}


.main_links{float:left;width:100%;background: #181818;padding:20px 0;}
.main_links ul{padding:0;}
.main_links ul li{float:left;padding-right:20px;list-style:none;}
.main_links ul li a{color:#fff;text-decoration:none}
.main_links ul li a:hover{color:#e60000;}

.copyright{float: left;width: 100%;border-top: 1px solid #f1f1f1;background: #181818;text-align: center;}
.copyright p{color: #fff;padding: 10px 0;font-size: 14px;}

.copyright .left{float:left;width:30%;}
.copyright .right{float:left;width:70%;}
.copyright .right ul li{float:left;list-style:none;display:inline-block;line-height: 45px;}
.copyright .right ul li a{color:#fff;padding:10px;font-size: 14px;}

	
	/* content */
	#content { overflow: hidden; width: 100%; }
	
	/* left side*/
	#lefttPart { float: left; width: 60%; }
	
		/* copy bar */
		.copyBar { width: 320px; }
	
	
	/* right side */
	#rightPart { float: right; width: 36%; }
	
		/* sideBar */
		.sideBar .widget { margin-bottom: 20px; }
		.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
		.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
		.sideBar li:first-child { border: 0px; }
		.sideBar li a { text-decoration: none; }
		.sideBar h3 { padding-bottom: 15px; }

		/* footer */
	
	
	/* fullPart */
 	#fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
		/* footer */
		#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
		#footer p { float: left; }
		#footer span { float: right; }


/* Responsive Css Start */				
@media only screen and (max-width: 1120px) {
.wrapper{max-width: 97%;}	
.copyright .right ul li a{padding: 0 10px 0 0;}	
}


@media only screen and (max-width: 1020px) {
#homeBanner{min-height: 500px;}	
.attach h2{font-size: 35px;}
.attach{padding: 15% 5%;}
.copyright p{font-size: 10px;}
.copyright .right ul li a{font-size: 10px;}	
.pricing .help_card p{font-size: 22px;}

.logo{width:15%;}
.call_btn{width:25%;}
.plan_card{flex-wrap:wrap;}
.pleft{width:100%;}
.new_middle{width:100%;border:none;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 0;margin:20px 0;}
.new_right{width:100%;}
.why_coampare .ref_card{min-height: 300px;}

	
}
		
@media only screen and (max-width: 767px) {
	
	#header { padding-top: 0; }
	#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top: 10px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size:0px;}
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #21344d; }
	#header a.mobilemenu:after { top: auto; bottom: 10px; }
	#header a.mobilemenu span { top: 18px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { display: none;width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888; }
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	
	.menuBar { padding: 0px; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px; }
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	
	#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
	#rightPart { width: 100%; float: left; }
	
	
	
	.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
	.topBar ul li { display: inline; float: none; }
	
	#footer { text-align: center; }
	#footer p, #footer span { float: none; }


.logo{width: 30%;}
.call_btn{width: 35%;}


.pricing .help_card{width:100%;}
.pricing .help_card p{font-size: 16px;}


#homeBanner{min-height: 450px;}	
#homeBanner .my_inner h1{font-size: 30px;}
.slider-heading{font-size: 30px;}

.feature .left{width: 100%;}
.feature .right{width: 100%;}
.attach{padding: 10%;}
.top_footer .left{width: 100%;}	
.top_footer .right{width: 100%;}
.top_footer .right ul{padding: 0;}


.feature .right{padding: 30px 0 0 0px;}
.feature .right a{text-align: center;display: block;}

.copyright .left{width:100%;}
.copyright .right{width:100%;}

.copyright .right ul{padding:0;}
.copyright .right ul li a{padding: 0 10px 0 0;}
.copyright p{padding: 10px 0 0 0;}
.top_header{text-align: center;}

.plans{padding:40px 0;}
.plans h2{font-size:20px;margin-bottom:25px;}

.plan_card{flex-direction:column;text-align:center;padding:20px 15px;}
.pleft{width:100%;}
.pleft img{max-width:120px;}
.new_middle{width:100%;flex-direction:column;gap:25px;border:none;padding:20px 0;}
.pleftf,.pmidd,.pright{width:100%;}

.new_middle h3{font-size:26px;}
.new_right{width:100%;}
.new_right a{width:100%;max-width:220px;}
.new_right h5{font-size:20px;}

.indep .indp_card{width: 50%;min-height: 275px;}
.home_cta{padding: 60px 0%;}
.why_coampare .ref_card{min-height: 340px;}

.connect_now .conn_card{width:100%;min-height:auto;}

.query.contact .right{padding: 60px 0 60px 30px;}
	
		
}


 
@media only screen and (min-width: 768px) {
	
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
	
}


@media only screen and (max-width: 639px) {
	
	#homeBanner a.flex-prev, #homeBanner a.flex-next { display: none; }
	
}


@media only screen and (max-width: 600px) {
	
h1{font-size: 25px;}
h2{font-size: 25px;}	
.main .left{width: 100%;text-align: center;}
.main .right{width: 100%;text-align: center;}
#homeBanner .my_inner h1{font-size: 25px;}
#homeBanner .my_inner{padding:20px;}
.feature .right{width: 100%;padding: 30px 0 0 0;}
.attach{padding: 20px;}
.attach h2{font-size: 25px;}
.attach p{font-size: 25px;}
.pricing .help_card{margin: 10px 0;width: 100%;}
.copyright p{font-size: 10px;}
.copyright .left{width: 100%;}
.copyright .right{width: 100%;}
.attach a{font-size:30px;}

#homeBanner .my_inner a{font-size:16px;}
.main{margin-bottom: 20px;}
.main a{font-size: 14px;}
.feature .right a{font-size: 20px;}



.find{display: block;}
.find input{width:100%;}
.find button{width: 100%;margin: 10px 0 0 0;}
#homeBanner{min-height:625px;}
.copyright .right ul li{line-height: 18px;}


.pricing .help_card{margin: 10px 0;width: 100%;}
.pricing .help_card{padding: 20px 5px;}
	

.logo{width: 40%;padding: 14px 0px;}
.call_btn{width: 100%;text-align: center;}

.slider-heading{font-size: 20px;}
.indep .indp_card{width: 100%;}
p.pln_para{padding:0;}
.why_coampare .ref_card{min-height: auto;width: 100%;margin: 0 0 10px 0;}
.faq_wrapper h2{font-size: 25px;margin-bottom: 20px;line-height: 33px;}
.pricing .help_card p{font-size: 13px;font-weight:600;}

.new_middle{padding: 0px 0;gap: 0px;}

.main_links ul li a{font-size: 11px;}

.query.contact .left{width:100%;}
.query.contact .right{width:100%;padding:30px 0;}


}