@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
/*---font-family: 'Caveat', cursive;---
font-family: 'Roboto', sans-serif;
*/
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
body{
	font-family: 'Montserrat', sans-serif;
	color:#818080;
	overflow-x:hidden;
}
a,a:hover{
	text-decoration:none;
	
}
header{
	float:left;
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	box-shadow: 0 1px 3px 0px #0000006e;
	position:fixed;
	    z-index: 99999;
	top:0px;
	background:#fff
}
.error
{
	color:red;
}
.sub_ci > li:first-child { display: none; }
div.wpcf7-response-output {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 2px solid #ff0000;
    float: left;
    margin-top: 10px !important;
    padding: 5px !important;
}
.logo{
	display:table;
	width:auto;
}

.mobile_nav li
{
	width:100%;
}

.logo img{
	width:25px;
}
.pro_lnk{
	float:right;
	font-size:13px;
	color:#164e96;
	width:156px;
	    margin-top: 3px !important;
	height:38px;
	font-weight:600;
	background:transparent;
	border:2px solid #164e96;
	
}
.hdr_lnk{
	color:#6774ff;
	font-size:13px;
}
.mnu_toggle {
    float: left;
	position: relative;
    margin: 8px 0;
	background:transparent;
	border:0px;
}
.mnu_toggle:focus{
	outline:none;
}
#collapseExample{
      float: left;
    width: 862px;
    position: absolute;
    z-index: 100000;
    top: 43px;
    left: -35px;
	    box-shadow: 0 2px 7px 0px #0000006e;
}
#collapseExample .card{
	border-radius:0px;
}
#collapseExample::after{
       content: '';
    position: absolute;
    left: 53px;
    top: -9px;
    width: 0;
    height: 0;
	z-index:1000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    clear: both;
}
.top_mneu{
	
}
.nav{
	float:left;
	border-bottom:2px dotted #0f3360;
	margin-left: 28px;
}
.nav li a{
	color:#0f3360;
}
.nav_rt{
	float:right;
	width:auto;
	
}
.nav-link {
    display: block;
    padding: 0px 34px 10px 0;
}
.nav_rt .nav-item{
	list-style:none;
	display:inline;
}

.nav_rt li a img{
	width:20px;
	height:20px;
	object-fit:contain;
}
.nav_rt li a {
	float:left;
	
}
ul.nav li:last-child a {
    padding-right: 0px !important;
}
.sub_menu_pnl{
	float:left;
	width:100%;
	margin:19px 0 0 0;
	padding:0px;
}
.sub_pnl h4{
	float:left;
	width:100%;
	font-size:13px;
	color:#0f3360;
	margin:0px;
	font-weight:600;
}
.sub_pnl h4 img{
	float:left;
	width:30px;
	margin-right:20px;
}
.sub_pnl ul {
    float: right;
    width: 74%;
}
.sub_pnl ul li{
	display:block;
	list-style:none;
}
.sub_pnl ul li a{
	float:left;
	width:100%;
	font-weight:600;
	font-size:13px;
	line-height:26px;
	color:#0f3360;
}
.sub_lnk{
	color:#6774ff !important;
	
	margin-left:10px;
}


.cu_link .nav-link {
    display: block;
    padding: 0px 34px 10px 0;
    padding: 0px;
}
/*--------------------banner start-----------------------*/
.banner{
	float:left;
	width:100%;
	height:680px;
	margin:0px 0 0 0;
	position:relative;
	padding:0px;
	background:url(../images/banner.jpg)no-repeat bottom center;
	background-size:cover;
	margin-left:0px !important;
}
.banner:after{
	content:"";
	position:absolute;
	top:0px;
	width:100%;
	right:0px;
	background:#0f3360;
	height:100%;
	clip-path: polygon(0 0, 100% 0, 59% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 59% 100%, 0% 100%);
}
.bnr_detail{
position:relative;
    z-index: 10000;
color:#fff;
margin-top:140px;
}
.bnr_detail img{
	float:left;
	width:auto;
	right:55px;
	position:relative;
	height:auto;
	    filter: contrast(141%);
	margin-bottom:21px;
}
.bnr_detail h3{
		float:left;
	width:100%;
	font-weight:600;
	font-size:28px;
margin-top:20px;
}
.bnr_detail p{
		float:left;
	width:100%;
	font-size:18px;
	font-weight:200;
}
.bnr_form{
	    float: right;
    
    position: relative;
    right: 71px;
}
.form_cnt{
display:flex;
	width:100%;
	margin-top:20px;
}
#wpcf7-f311-p5-o1 div.wpcf7-response-output{
	position:absolute;
}
#wpcf7-f311-p5-o1 span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -17px;
    right: 0px;
	text-align:right;
    font-size: 10px !important;
}
#wpcf7-f311-p5-o1 div.wpcf7-response-output {
  
    bottom: -30px;
    font-size: 11px;
}
span.wpcf7-not-valid-tip{
	width:100%;
}

.dtl_wrap {
    float: left;
    width:100%;
}
.form_cnt input[type="text"] , .form_cnt input[type="email"]{
	float:right;
	border-radius:3px;
	height:35px;
	width:220px;
	font-size:12px;
	margin:0 0px 0 15px;
	padding:10px;
	font-weight:400;
	border:1px solid #ccc;
}

.go_lnk{
	float:right;
	width:157px;
	height:38px;
	font-size:13px;
	color:#fff;
	margin-right:0px;
	line-height:33px;
	text-align:center;
	margin-top:20px;
	background:transparent;
	border:2px solid #fff;
	
}
.go_lnk:hover{
	color:#fff;
	background:#0e3667;
}
/*--------------------srvc_section start-----------------------*/
.srvc_section{
	float:left;
	width:100%;
	margin:0px;
	padding:50px 0;
}
.srvc_left{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
.srvc_left h3{
	float:left;
	width:100%;
	color:#1a1a1a;
	font-weight:300;
	font-size:36px;
}
.srvc_left p{
	font-size:18px;
	float:left;
	color:#1a1a1a;
	letter-spacing:.03em;
	width:100%;
	font-weight:300;
}
.srvc_rt{
	float:left;
	width:100%;
	
}
.srvc_rt p{
	   float: right;
    width: 81%;
    font-size: 30px;
    line-height: 30px;
    color: #0f3360;
    font-family: 'Caveat', cursive;
    margin-top: 50px;
	text-align:left !important;
}
.grid {
	margin-top:40px;
}
.grid .col-md-2{
	max-width:20%;
	flex:0 0 20%;
	
}
.grid .col-md-2 img{
	float:left;
	width:40px;
	margin-bottom:20px;
	height:40px;
	object-fit:contain;
}
.grid .col-md-2 h3{
	float:left;
	width:100%;
	font-size:18px;
	letter-spacing:.03em;
	line-height:22px;
	margin:0px;
	color:#3c3950;
	min-height:60px;
	text-transform:uppercase;
	font-weight:500;
	padding:0px;
}
.grid .col-md-2 p{
	float:left;
	width:100%;
	margin:0px;
	color:#5f727f;
	font-size:15px;
	font-weight:300;
	line-height:22px;
}
.call{
	color:#0f3360;
	float:left;
	width:100%;
	font-weight:300;
	margin-top:50px;
	font-size:28px;
	font-family: 'Caveat', cursive;
}
/*--------------------pln_section start-----------------------*/
.pln_section{
	float:left;
	width:100%;
	margin:0px !important;
	background:#f5f5f5;
	padding:50px 0 120px 0 !important;
}

.pln_section h2{
	float:left;
	width:100%;
	font-size:36px;
	margin-bottom:70px;
	color:#0f3360;
	font-weight:300;
	text-align:center;
}
.sqs-video-icon { display: none; }
.left_pln{
	float:left;
	width:100%;
}
.left_pln iframe{
	float:left;
	width:560px;
	box-shadow: -2px 3px 5px 0px #6d6d6dbd;
	height:315px;
}
.home_plan_pc{
	float:left;
	width:560px;
	box-shadow: -2px 3px 5px 0px #6d6d6dbd;
	height:315px;
}
.rt_pln{
	float:right;
	width:100%;
}
.rt_pln h4{
	float:left;
	width:100%;
	font-size:18px;
	color:#0f3360;
	letter-spacing:.03em;
	line-height:20px;
	font-weight:300;
	text-align:center;
	margin:0px 0 30px 0;
	padding:0px;
}
.rt_pln p{
	float:left;
	width:100%;
		font-weight:300;;
	font-size:15px;
	line-height:18px;
	color:#0f3360;
		text-align:center;
	margin:0px 0 10px 0;
	padding:0px;
}
.testimonial{
	float:left;
	width:100%;
	text-align:center;
	margin:0px;
	padding:70px 0;
}
.testimonial h2{
	float:left;
	font-weight:300;
	width:100%;
	font-size:36px;
	line-height:40px;
	color:#1a1a1a;
}
.testimonial p{
	float:left;
	width:100%;
	font-weight:300;
	font-size:18px;
	letter-spacing:.03em;
	line-height:24px;
	color:#2b2b2b;
}
.t_slider{
	float:left;
	width:100%;
    margin: 0px !important;
  
}
.t_slider .vc_column_container>.vc_column-inner{
	padding:0px !important;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
#myCarousel{
	float:left;
	width:100%;
	padding:0px 0;
	background:#0f3360;
}
/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
.carousel-item .col-md-6 {
	display:flex;
}
.carousel-item .col-md-6 img{
	width:154px;
	height:154px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-caption {
    position: relative;
    right:0%;
    bottom: 20px !important;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-item .col-md-6 {
    display: flex;
    height: 100% !important;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 96%;
    max-width: 55%;
	padding:60px 0;
}

.carousel-indicators li {
  
    width:8px;
    height:8px;
    border-radius: 50%;
}
.carousel-caption p{
	position:relative;
	font-weight:200;
	font-size:18px;
	letter-spacing:.03em;
}
/* Declare heights because of positioning of img element */
#myCarousel .carousel-item {
 height: auto;
    min-height: 420px !important;

}
#myCarousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:420px;
}
#myCarousel .carousel-indicators li{
	background-color:#fff !important;
}
.carousel-caption cite{
	float:left;
	width:100%;
	font-style: normal;
	margin:0px;
	font-weight:bold;
}
.carousel-caption sup {
    font-size: 7em;
    top: inherit;
    position: absolute;
    bottom: 59px;
}
img.quat {
    position: absolute;
    bottom:0px;
    right:-45px;
	object-fit:contain;
	width:45px !important;
	height:45px!important;
}
.carousel-caption{
	padding-left:60px;
}
.carousel-caption h6{
	float:left;
	width:100%;
	font-size:10px;
	font-weight:200;
	
}
/*--------------------footer start-----------------------*/
footer{
	float:left;
	width:100%;
	margin:0px;
	padding-top:40px;
	background:#0f3360;
	margin-top:50px;
}
.fst_f h4{
	float:left;
	width:100%;
	color:#6774ff;
	margin-bottom:20px;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
}
.fst_f ul{
	float:left;
	width:100%;
}
.fst_f ul li{
	display:block;
	list-style:none;
}
.fst_f ul li a{
	float:left;
	width:50%;
	color:#fff;
	font-weight:300;
	font-size:13px;
	line-height:25px;
}
.f_form{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
.f_form input[type="text"] , .f_form input[type="email"]{
	float:left;
	width:100%;
	height:35px;
	font-size:12px;
	border-radius:4px;
	padding-left:5px;
	outline:none;
	border:1px solid #ccc;
	margin:0px 0 10px 0;

}
.f_form textarea{
	float:left;
	height:75px;
	width:100%;
	font-size:12px;
	border-radius:4px;
	padding-left:5px;
	resize:none;
	margin:0px 0 10px 0;
	
}
.f_form input[type="submit"]{
	float: left;
    border: 2px solid #fff;
    padding: 5px 10px;
    font-size: 13px;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    width: 120px;
    margin-top: 100px;
}
.f_form input[type="submit"]:hover{
	color:#fff;
	background:#0e3667;
}
.w_blog{
	display:flex;
	float:left;
}
.b_left{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
.b_left img{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
.b_left p{
	float:left;
	color:#fff;
	font-size:12px;
}
.b_rt{
	float:right;
}
.b_rt li a {
    float: right !important;
    width: 89% !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight:300 !important;
    line-height: 17px !important;
    margin-bottom: 10px !important;
}
.ft_left li a{
	
}
.ft_nav{
	margin-top:20px;
	border-top:2px solid #707070;
}
.ft_nav ul{
	float:left;
	    width: auto;
		margin-bottom: 0px !important;
    margin-left: auto;
	
}
.ft_nav ul li{
	display:inline;
}
.ft_nav ul li a{
	float:left;
	color:#fff;
	padding:15px 0;
	font-weight:300;
	margin-bottom: 0px !important;
	padding-right:30px;
}
.social_lnk li a img{
	width:15px;
	height:15px;
	object-fit:contain;
}
/*--------------------inr_banner start-----------------------*/
.inr_bnr{
	float:left;
	background:inherit;
	
}
.inr_bnr:after {
  
    clip-path:polygon(0 0, 74% 0, 46% 100%, 0% 100%);
    -webkit-clip-path:polygon(0 0, 74% 0, 46% 100%, 0% 100%);
}
.inr_bnr:before{
    content: "";
    position: absolute;
    bottom: -34px;
    width: 96%;
    right: 0px;
    background: #0c2a4e;
    height: 100%;
    background: url(../images/digital-marketing.png)no-repeat bottom right;
    z-index: 1;
    background-size:56%;
}
.inr_bnr .bnr_detail h1 {
    float: left;
    width: 100%;
    font-weight:300;
    font-size: 48px;
	height:120px;
}
.inr_bnr .bnr_detail p {
    font-size: 18px;
    font-weight: 100;
    margin-top: 0px;
    width:70%;
    line-height: 23px;
}
.inr_bnr .bnr_detail{
	margin-top:12em;
}

.inr_bnr .dtl_wrap {
    float: left;
    width: 94%;
}
.dtl_wrap .vc_column_container>.vc_column-inner{
padding-left:0px !important;
}
/*--------------------inr_detail start-----------------------*/
.m_d_detail{
	float:left;
	width:100%;
	margin:80px 0 0 0;
	padding:0px;
    padding-top: 40px;
    background-color: white !important;
}
.m_d_lft{
	float:left;
	width:670px !important;
}
.m_d_lft h3{
	float:left;
	width:100%;
	font-size:28px;
	line-height:30px;
	font-weight:300;
	color:#000;
	margin-bottom:40px ;
}
.m_d_lft p{
	float:left;
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	letter-spacing:.03em;
	line-height:30px;
	color:#5f727f;
	font-weight:300;
	margin-bottom:30px;

}
.m_d_lft h6{
	font-family: 'Caveat', cursive;
	font-size:24px;
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	color:#0f3360;
	font-weight:200;
}
.blog_pic{
	float:left;
	width:100%;
	height:auto;
	object-fit:contain;
	margin:0px;
	padding:0px;
}
.web_a{
	width:80% !important; 
}
.m_d_lft h4{
	float:left;
	width:100%;
	margin:0px;
	font-size:24px;
	color:#000;
	padding:0px;
}
.vd_test{
	float:left;
	width:100%;	
	padding-bottom:30px;
	border-bottom:20px solid #0f3360;
}
.vd_t_wrap{
	float:left;
	width:100%;
}
.vd_test h5{
	float:left;
	width:100%;
	color:#000;
	font-size:24px;
}
.vd_test iframe{
	float:left;
	    width:360px;
    height: 211px;
	margin:0px;
	padding:0px;
}
.vd_lft_pic{
	float:left;
	    width:360px;
    height: 211px;
	margin:0px;
	padding:0px;
}
.vd_t_pic img{
	float:left;
	width:100%;
	height:100%;
	
}

.vd_t_detail {
    float: right;
    width:40%;
}
.vd_t_detail img{
	float:left;
	width:64px;
	height:64px;
}
.vd_t_detail h5{
	float:left;
	width:100%;
	font-size:13px;
	margin-bottom:0px;
}
.vd_t_detail b {
    font-size:9px;
    float: left;
    width: 100%;
}
.vd_t_detail p{
	float:left;
	width:100%;
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
	margin-top:15px;
	line-height:20px;
	font-weight:300;
}
.vd_t_detail .comaa {
    float: right;
    width: 26px;
    height: 19px;
    object-fit: contain;
}
.vd_t_pic{
	float:left;
	width:100%;
}
.d_g_imp{
	float:left;
	width:100%;
	margin-top:10px;
}
.m_d_lft h5{
	float:left;
	width:100%;
	color:#3c3950;
	letter-spacing:.03em;
	font-size:18px;
	    font-weight: bolder;
	margin-bottom:20px;
	line-height:20px;
	margin-top: 20px;
}
.vd_hde{
	font-size:24px !important;
}
.d_g_imp p{
	float:left;
	width:100%;
	margin:0px 0 30px 0;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	line-height:30px;
	color:#5f727f;
}
.cnt_lnk{
	float:left;
	color:#fff;
	background:#6774ff;
	font-size:15px;
	width:246px;
	height:40px;
	text-align:center;
	line-height:33px;
	margin: 0 35px 0 0;
	padding:5px 0px;
}
.cnt_lnk:hover{
	color:#fff;
}
.audit_form{
	float:left;
	width:100%;
	background:#f4f4f4;
	margin-left:0px !important;
	margin-right:0px !important;
	padding:20px;
	margin-top:40px;
}
.audit_form h2{
	float:left;
	width:100%;
	margin:0px;
	color:#0f3360;
	font-size:18px;
	font-weight:600;
}
.audit_form h4{
	float:left;
	width:100%;
	margin:20px 0;
		color:#0f3360;
	font-size:15px;
	line-height:20px;
	font-weight:300;
}
.audit_form input{
float:left;
width:100%;
outline:none;
height:35px;
border:0px;
padding:0 10px;
font-size:12px;
box-shadow: 0 2px 4px 0px #0000002e;
margin-bottom:10px !important;
background:#fff;
border-radius:4px;
	
}
.audit_form input[type="text"] , .audit_form input[type="email"]{
	width:60%;
	border:0px;
	height:35px;
}
.audit_form input[type="submit"]{
	float:right;
	color:#fff;
	background:#6774ff;
	width:120px;
	height:30px;
	border-radius:0px;
	font-size:13px;
	border:0px;
	
}
#seo_form iframe{
	float:left;
	width:100%;
	
}
.send_cnt{
	float:left;
	width:100%;
	padding:0px !important;
}
.rt_digital{
	float:right !important;
	width:340px !important;
	    position: -webkit-sticky !important;
    position: sticky !important;
    top:80px; 
}
.rt_dig{
	float: left;
    width: 100%;
    margin: 0px 0 0px 0;
    text-align: center;
    padding: 20px 10px;
    background: #f8f8f8;
    box-shadow: 0 2px 5px 0 #ccc;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.rt_dig .wpb_button, .rt_dig .wpb_content_element, .rt_dig ul.wpb_thumbnails-fluid>li{
	margin-bottom:0px !important;
}

.rt_dig h3{
	float:left;
	width:100%;
	font-size:22px;
	font-weight:300;
}
.rt_dig h3 b{
	    float: left;
    width: 100%;
	font-weight:600;
}
.rt_dig p{
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    margin: 10px 0 20px 0 !important;
    display: table;
}
.rt_dig input[type="text"] , .rt_dig input[type="email"]{
	float:left;
	width:100%;
	height:40px;
	padding:0 10px;
	border:1px solid #707070;
	margin-bottom:5px;
}
.rt_dig input[type="text"]:focus , .rt_dig input[type="email"]:focus{
	outline:none;
}
.rt_dig input[type="submit"]{
	float:left;
	width:100%;
	border:0px;
	height:40px;
	color:#fff;
	text-transform: uppercase;
	background:#1631a4;
}
.content_wrap{
	float:left;
	width:100%;
	margin-top:45px;
}
.rt_digital h4{
	float:left;
	width:100%;
	font-size:18px;
	font-weight:500;
	color:#5f727f;
}
.rt_digital a{
	float:left;
	width:100%;
	text-decoration:underline;
	font-weight:300;
	margin-bottom:10px;
	font-size:15px;
	color:#6774ff;
}
.md_bnr:before{
	background: url(../images/marketing-and-design.png)no-repeat bottom right;
	background-size: 49%;
	z-index:0;
}
.blog_part{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}
.blog_part h5{
	float:left;
	font-family: 'Caveat', cursive;
	color:#0f3360;
	font-weight:bold;
	display:flex;
	width:100%;
	margin:0px 0 30px 0;
	padding:0px;
}
.blog_part h5 b{
	float:left;
	font-size:22px;
	width:100%;
	margin:auto;
}
.blog_wrap{
	margin:0 auto !important;
	width:65%;
	display:table;
}
.pic_pack{
	float:left;
	width:100%;
	margin:20px 0px 40px 0;
	padding:0px;
}
.pic_pack img{
	float:left;
	object-fit:contain;
	width:25%;
	margin:0px;
	height:200px;
	padding:0px;
}
.ppc_lnk{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
.ppc_lnk li{
	list-style:none;
}
.ppc_lnk a{
	    float: left;
    width: 100%;
    color: #6774ff;
    position: relative;
    font-size: 15px;
    padding-left: 15px;
    line-height: 23px;
    margin-bottom: 18px;
}
.ppc_lnk a:before{
	    content: "";
    left: 0px;
    position: absolute;
    width: 4px;
    top: 10px;
    border-radius: 50%;
    background: #1631a4;
    height: 4px;
	
	
}
.ppc_form{
	margin-bottom:40px;
}
.ppc_form input[type="text"] , .ppc_form input[type="email"]{
	width:100%;
	    box-shadow: 0 2px 4px 0px #0000002e;
	float:left;
}
.ppc_form input[type="email"]{
	width:100%;
	    box-shadow: 0 2px 4px 0px #0000002e;
	float:left;
}
.ppc_form h2{
	color:#0f3360;
	font-weight:600;
}
.ppc_form textarea{
	float:left;
	outline: none;
    height:105px;
    border: 0px;
    padding: 8px 10px;
    font-size: 12px;
	resize:none;
    margin-bottom: 10px;
	 box-shadow: 0 2px 4px 0px #0000002e;
    background: #fff;
    border-radius: 4px;
	width:100%;
}
/*--------------------inr_detail start-----------------------*/
.seo_bnr:before {
    background: url(../images/wonderboy-creative-seo.png)no-repeat bottom right;
     background-size: 55%;
    z-index: 100;
    bottom: 0px;
}
.seo_list{
	float:left;
	width:100%;
	margin:30px 0;
}
.seo_list li{
	list-style:none;
	float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
	letter-spacing:.03em;
    line-height: 30px;
    color: #5f727f;
    font-weight: 300;
	
}
#nav-icon1{
	float:left;
  width:30px;
  height:30px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span{
  display: block;
    position: absolute;
    height:15px;
    width: 15px;
    background: #0f3360;
  border-radius:0px;
  opacity: 1;
  left: 0;
  border:2px solid #fff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 0px;
  left:12px;
}

#nav-icon1 span:nth-child(3) {
  top: 12px;
}
#nav-icon1 span:nth-child(4) {
  top: 12px;
  left:12px;
}
#nav-icon1.open span:nth-child(1) {
  top: 0px;
border:0px;
height:9px;
}

#nav-icon1.open span:nth-child(2) {
  left:12px;
 border:0px;
 height:9px;
}

#nav-icon1.open span:nth-child(3) {
  top:12px;
   height:9px;
 border:0px;
}
#nav-icon1.open span:nth-child(4) {
  left:12px;
   border:0px;
   top:12px;
 height:9px;
}
.card-body{
	    background: #f5f5f5;
    border: 0px;
}
.nav_rt{
	
}
.for_mob,.grid_mobile,.mob_lnk{
	display:none;
}
.fst_wrap{
	float:left;
	width:100%;
}
.mob_rt,.m_srvc,.single_m_logo{
	display:none;
}
.m_menu_dtl{
	display:none;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	margin-bottom:0px !important;
}
img.blog_pic.blog_yr {
    width: 70% !important;
}
.vd_test .vc_column_container>.vc_column-inner{
	padding:0px !important;
}
.wd_ex{
	margin-bottom:45px !important;
}
h3.wd_explain {
    margin-top: 20px !important;
    margin-bottom: 50px !important;
}
.web_d:before {
    background-size: 55% !important;
}
.dg_m:before {
	width:100% !important;
	background-size: 62% !important;
}
.dm_hd{
	margin-bottom:0px !important;
}
.rt_dig .vc_column-inner {
    padding: 0px !important;
}

.md_bnr:before {
    background-size: 52% !important;
}
.dg_m_h3{
	margin-top:30px;
}
.btn-group.dropright .dropdown-menu ul li a {
   padding-top: 1px;
    padding-bottom: 20px;
}
/*--------------------blog start-----------------------*/
.blog_banner{
	float:left;
	width:100%;
	background:#0F3360;
	height:273px;
	padding-top:25px;
	margin-top:46px;
	margin-bottom:60px;
}
.blog_banner h1{
	float:left;
	font-size:48px;
	line-height:57px;
	font-weight:400;
	width:100%;
	color:#fff;
	text-align:center;
}
.blog_logo{
	margin:0 auto;
	
}
.blog_content{
	float:left;
	width:100%;
	margin:0px;
}
.blog_content .nav {
    float: left;
    border-bottom: 0px;
    margin-left:0px;
}
.blog_content .tab-content{
	float:left;
	width:100%;
	margin-top:50px;
	
}
.blog_content .nav-tabs .nav-link{
	border:0px !important;
}
.blog_content .nav-link{
	padding:0px !important;
	border-bottom: 2px solid #fff !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	margin-right:40px;
	
	font-weight:300;
	font-size:14px;
	line-height:24px;
	position:relative;
	color:#2B2B2B;
	float:left;
	
}
.blog_content .nav-link:after{
	content: "";
    right: -20px;
    top:6px;
    bottom: 0px;
    position: absolute;
    width: 2px;
    height: 13px;
    background: #2B2B2B;
}
.blog_content .nav-link:last-child:after{
	display:none;
}
.blog_content .nav-tabs .nav-item.show .nav-link,.blog_content .nav-tabs .nav-link.active{
	    color: #495057;
    background-color: #fff;
    border:0px;
	border-bottom:2px solid #2B2B2B !important;
}
.blog_col{
	float:left;
	width:295px;
	height:383px;
	position:relative;
	margin-right:70px;
	margin-bottom:100px;
	box-shadow:0 3px 6px #00000030;
}
.blog_col:nth-child(3n){
	margin-right:0px;
}
.blog_col img{
	float:left;
	width:100%;
	object-fit:cover;
	height:172px;
	
}
.blog_col h5{
	float:left;
	width:100%;
	color:#6774FF;
	font-size:12px;
	font-weight:300;
	letter-spacing:1px;
	line-height:18px;
}
.blog_col h3{
	float:left;
	width:100%;
	font-size:22px;
	line-height:28px;
	font-weight:700;
	color:#363636;
	margin-bottom:0px;
}
.bl_dtl{
	float:left;
	width:100%;
	padding:22px;
}
.blog_col span{
	float:left;
	position:absolute;
	bottom:5px;
	left:0px;
	right:0px;
	width:100%;
	padding: 0 22px;
margin-top:29px;
}

.blog_col span h6{
	float:left;
	width:auto;
	font-size:9px;
	color:#0F3360;
	font-weight:300;
	line-height:12px;
}
.blog_col span a{
	float:right;
	font-size:10px;
	color:#363636;
	line-height:14px;
	letter-spacing:1px;
	font-weight:600;
}
.blog_col span a img{
width: 5px;
    float: right;
    height: 6px;
    margin-top: 4px;
    margin-left: 6px;
}
/*--------------------singleblog start-----------------------*/
.single_blog {
    float: left;
    width: 100%;
    height: 680px;
    margin: 0px 0 0 0;
    position: relative;
    padding: 0px;
background: url(../images/blog_bnr.jpg)no-repeat bottom right;
    margin-left: 0px !important;
}

.single_blog:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    right: 0px;
    background: #0f3360;
    height: 100%;
    clip-path: polygon(0 0, 78% 0, 46% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 78% 0, 46% 100%, 0% 100%);
}

.single_blog  .bnr_detail{
	margin-top:226px;
}
.single_blog  .dtl_wrap{
	width:512px;
}
.single_blog  .dtl_wrap h1{
	font-size:48px;
	line-height:57px;
	font-weight:500;
}
.blog_single{
	float:left;
	width:100%;
	
}
.bs_cmt{
	margin-top:20px;
	margin-bottom:50px;
}
.bs_cmt ul{
	    max-width: max-content;
    float: left;
    margin-bottom: 0px;
    flex: 100%;
    width: auto;
}
.bs_cmt ul li{
	display:block;
	list-style:none;
	font-size:15px;
	line-height:22px;
	position:relative;
	color:#99A9B5;
	margin-right:20px;
}

.bs_cmt ul li a{
	color:#99A9B5;
}
.bs_cmt ul:after {
    content: "";
    width: 1px;
    height: 35px;
    top: 4px;
    position: absolute;
    right: 19px;
    background: #99A9B5;
}
.author_cate {
    list-style: none;
    font-size: 15px;
    line-height: 41px;
    position: relative;
    color: #99A9B5;
    margin-right: 20px;
}
/*.bs_cmt ul li:last-child:after{
	display:none;
}*/
.bs_cmt span{
	font-size:16px;
	line-height:22px;
	
}
.ind_b_pic{
	margin-bottom:30px;
}
#recent_blogs_cu{
	float: left;
    width: 100%;
    height: 222px;
    overflow-y: auto;
}
.wpcf7-form-control-wrap {
    position: relative;
    float: left !important;
    width: 100% !important;
    z-index: 1000 !important;
}


/* ******************************** Brand ******************************** */




/*--------------------Responsive start-----------------------*/
@media (min-width:1699px){
	.inr_bnr:before {
    background-size: contain !important;
    width: 46%;
}
.banner{
	height:820px;
}
.dg_m:before {
    width: 52% !important;
}
}
@media (min-width:1400px){
.inr_bnr:before {
    background-size: contain !important;
    width: 46%;
}

.dg_m:before {
    width: 100% !important;
    background-size: 54% !important;
}
.web_d:before {
       background-size: contain !important;
    width: 41%;
}
}
@media (min-width:1200px){
.container {
    max-width: 1040px !important;
}
	
}


@media only screen and (max-width:1536px){
}
@media only screen and (max-width:1367px){

}
@media only screen and (max-width:1200px){
.left_pln iframe,.home_plan_pc {
    width: 500px;  
    height: 290px;
}
	.carousel-item .col-md-6{
		    max-width: 70%;
	}
	.blog_col{
		margin-right:25px !important;
		margin-bottom:25px !important;
	}
	.m_d_lft{
		width:575px !important;
	}
}
@media only screen and (max-width:1170px){

}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:992px){
	.grid .col-md-2 {
    max-width: 33%;
    flex: 0 0 33%;
	margin-bottom:30px;
}

header .col-md-8{
	max-width: 55% !important;
	flex: 0 0 55.666667% !important;
}
#collapseExample {
    float: left;
    width: 785px;
}
.rt_digital{
	display:none;
}
.m_d_lft{
    width: 100% !important;
}
.inr_bnr .bnr_detail {
    margin-top: 2em;
}
.rt_pln{
	width:100% !important;
	margin-top:20px;
}
.left_pln{
	    margin: 0 auto !important;
    display: flex;
    justify-content: center;
    float: inherit !important;
    width: 527px!important;
}
.form_cnt input[type="text"] , .form_cnt input[type="email"] {
    width: 154px !important;
}
.inr_bnr{
	height:500px !important;
}
.inr_bnr .dtl_wrap,.inr_bnr .bnr_detail p{
	width:100%;
}
.inr_bnr .dtl_wrap{
	    height: 100%;
    margin-top: 5rem;
}
.inr_bnr .bnr_detail h1{
	font-size:40px;
}
}
@media only screen and (max-width:768px){
.grid .col-md-2 {
    max-width: 100%;
    flex: 0 0 100%;
	padding:0px;
    margin-bottom:50px;
}
.grid .col-md-2 h3{
	min-height:auto;
}
.srvc_rt{
	padding:0px;
}
.srvc_rt p{
	width:100%;
	margin-top:0px;
}
.call{
	margin-top:0px;
}
.pln_section h2{
	margin-bottom:0px;
}
.hdr_lnk {
    color: #6774ff;
    font-size: 13px;
    float: right;
    width: 32%;
}
#collapseExample {
    float: left;
    width: 620px;
}
	.inr_bnr .bnr_detail {
    margin-top:0em;
	}
	.inr_bnr .bnr_detail p {
    font-size: 15px;
    font-weight: 100;
    margin-top: 32px;
}
.dtl_wrap {
    float: left;
    width: 97%;
}
.m_d_detail{
	margin-top:0px;
}
.m_d_lft{
	margin-bottom:50px;
}
.m_d_lft h3{

	margin-bottom:20px !important;
}
.vd_t_wrap{
	display:flex;
	flex-flow:column;
}
.vd_test iframe,.vd_lft_pic {
    float: left;
    width: 100%;
   
}
.vd_t_detail{
	width:100%;
	margin-top:30px; 
}
.vd_test{
	margin-bottom:40px;
	margin-top:40px;
}
.d_g_imp{
	margin-top:30px;
}
.inr_bnr:before{
	bottom:0px !important;
}
.bnr_detail img{
	width:80%;
}
#myCarousel .carousel-item {
    min-height: 660px !important;

}
#myCarousel .carousel-item > img {
  
  height:660px;
}
.menu_hdr{
	float:left;
	width:auto;
}
.inr_bnr .dtl_wrap {
    width: 75%;
}
.m_d_lft{
	margin-top:40px;
}
.dg_pic img{
	margin-top:20px;
}
.blog_col {
    width: 100%;
    height: auto !important;
}
.blog_col span {
  
    position: relative;
   padding:0px;
    margin-top: 29px;
}
}
@media only screen and (max-width:680px){
		.bnr_detail img{
		width:80%;
		margin-bottom:20px !important;
	}
	.banner{
		height:565px;
	}
	.form_cnt input[type="text"] , .form_cnt input[type="email"]{
		margin-top:10px;
	}
	.bnr_detail {
 
    margin-top: 45px;
}
.left_pln{
	width:100% !important;
}
.rt_pln h4{
	margin-top:20px;
}
}
@media only screen and (max-width:640px) {
#collapseExample {
    float: left;
    width: 600px;
}
.nav{
	float:left;
	margin-left:0px;
}
.nav_rt{
	float:left;
	margin-top:20px;
}
.sub_pnl{
	padding:0px;
}	
}
@media only screen and (max-width:580px) {
	.srvc_section {
    padding: 50px 35px;
}
.hdr_lnk {
    font-size: 11px;
    width: 44%;
}
.for_desk{
	display:none;
}
.for_mob{
	display:block;
}
.hdr_lnk{
    float: left;
    width: auto;
    position: relative;
    z-index: 100;
}
.hdr_lnk a{
	 font-family: 'Caveat', cursive;
    color: #0f3360;
    font-size: 24px;
    font-weight: bold;
    line-height: 44px;

}
.logo {
    display: table;
    position: absolute;
    width: auto;
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
    justify-content: center;
}
#nav-icon1{
	z-index:100;
}
.mnu_toggle{
	float:right;
}
header .col-md-8 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
#collapseExample {
    float: left;
    width: 175px;
	right:-15px;	
	left:auto;
}

#collapseExample::after {
    content: '';
    position: absolute;
    right: 53px;
    left:auto;
}
.mnu_toggle {
    margin-right: 18px;
}
.g_desk{
	display:none;
}
.grid_mobile{
	display:block;
}
.grid_b img{
	float:left;
	width:50px;
	
}
.grid_b h3,.grid_b p{
	color:#000;
	float:left;
	text-align:left;
	width:100%;
}
.carousel-control-next, .carousel-control-prev{
	width:auto !important;
}
.carousel-control-next i, .carousel-control-prev  i{
	font-size:40px;
	color:#000;
}
div#myCarousel2 {
    margin-bottom: 18px;
}
div#myCarousel2 .carousel-control-next i,div#myCarousel2 .carousel-control-prev i {
    font-size: 60px;
    color: #d5d5d5;
    text-shadow: 0 2px 2px #0000007d;
    font-weight: bolder;
}

.form_cnt,.go_lnk{
	display:none;
}
.banner {
    height: auto;
	}
	.inr_bnr{
		height:270px;
	}
	.bnr_detail h3{
		font-size:22px;
	}
	.bnr_detail p {
    font-size: 14px;
    font-weight: 300;
}
.bnr_detail {
    margin-top: 0;
    padding: 20px;
}
.srvc_left h3{
	font-size:28px;
}
.srvc_section {
    padding: 27px 35px;
}

.pln_section h2{
	font-size:28px;
}
img.quat {
    position: absolute;
    bottom: 0;
    right: 0;
}
.bnr_detail p{
	display:none;
}
.bnr_detail h3 {
    font-size: 18px;
	letter-spacing:.03em;
}
.bnr_detail img{
	width:60%;
	margin-bottom:10px !important;
}
.w_blog{
		flex-flow:column;
	}
	.b_rt li{
		width:100%;
	}
	.b_rt li a{
		width:100% !important;
	}
	.f_form input[type="submit"]{
width:100%;
    margin-top: 20px;
	}
	.ft_nav{
		display:none;
	}
	
	.ftr_wrap{
		display:flex;
	}
	.ftr_wrap .fst_f{
		margin-bottom:5px;
	}
	.ftr_wrap .col-md-5.fst_f{
		order:1;
	}
	.ftr_wrap .col-md-3.fst_f{
		order:3;
	}
	.ftr_wrap .col-md-4.fst_f{
		order:2;
	}
	.mob_lnk{
		display:block;
	}
	.fst_wrap{
		display:flex;
	}
	.mob_lnk li a{
		text-align:right;
	}
	.mob_lnk li a i{
		font-size:30px;
		line-height:45px;
		color:#6774ff;
	}
.inr_bnr .bnr_detail h1,.inr_bnr .bnr_detail h1 {
   
    font-size: 22px;
}
.srvc_left h3,.srvc_rt p{
	text-align:center !important;
}
.srvc_left p{
	text-align:left !important;
}
.srvc_left .mob_rt{
	display:block;
	float: left;
    width: 100%;
    font-size:24px;
	text-align:center !important;
    line-height: 30px;
    color: #0f3360 !important;
    font-family: 'Caveat', cursive;
}
.desk_srvc{
	display:none;
}
.left_pln iframe,.home_plan_pc {
    height: 280px !important;
}
.m_srvc{
	display:block;
}
.m_srvc .m_d_lft p{
	font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 300;
    line-height: 20px;
    font-size: 15px;
}
.m_srvc .m_d_lft{
	margin-bottom:0px !important;
	margin-top:20px;
}
.m_d_detail {
    margin-top: 0px;
    padding: 0px !important;
    margin: 0px !important;
}
.vc_row{
	margin-left:0px !important;
	margin-right:0px !important;
}
.m_d_detail  .vc_column_container>.vc_column-inner{
	padding-left:0px !important;
	padding-right:0px !important;
}
.blog_part h5{
	flex-flow:column;
	margin:30px 0 10px 0;
}
.blog_wrap{
	width:100%;
}
.pic_pack .vc_column_container {
    float: left;
    width: 45%;
	margin:0 10px;
}
.blog_pic,.blog_pic img{
	height:auto !important;
	
}

.d_g_imp {
    margin-top:25px;
	}
	.audit_form input[type="text"] , .audit_form input[type="email"]{
		width:100%;
	}
	.m_d_lft h3 {
    margin-top: 0px !important;
}
.ppc_lnk{
	margin-top:0px !important;
}
.audit_form{
	margin-bottom:40px !important;
}
.single_m_logo{
	display:block;
}
.single_m_logo img{
	width:100% !important;
}
.cnt_lnk{
	width:100%;
	margin-top:10px;
}
.m_srvc .m_d_lft p br{
	display:none;
}
.hd_b{
	margin-top:0px !important;
}
.left_pln iframe,.home_plan_pc{
	width:100% !important;
}
.top_mneu,.nav_rt,.sub_menu_pnl{
	display:none;
}
.m_menu_dtl{
	display:block;
}
.m_rt{
	float:right;
 padding: 0px 5px;
}
.m_rt .nav-link{
	float:left;
	width:100%;
	display: flex;
	justify-content: flex-end;
    text-align: right;
	font-size:13px;
}

.m_rt .nav{
	width:100%;
}
.m_rt .dropdown-toggle {
    white-space: normal !important;
}
.nav-link{
	padding:10px 0;
}
.m_menu_dtl .col-9{
	float:left;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background:transparent;
	color:#000;
}

.m_rt .nav{
	text-align:right;
}

.nav{
	border-bottom:0px;
}
.m_menu_dtl .nav a{
	color: #0f3360 !important;
    font-weight: 300 !important;
	padding:0px 0 30px 0;
}
.m_menu_dtl .nav a img{
	width:20px;
	height:20px;
	    margin-left: 15px;
	object-fit:contain;
}
.card-body{
	background:#fff;
}
#collapseExample{
box-shadow: -2px 1px 7px 0px #0000006e;
}
.inr_bnr .bnr_detail{
	padding:0px;
}

.rt_pln{
	margin-top:0px !important;
}
.banner {
	margin-top: 45px;
}
.bnr_detail img{
	right:0px;
}
.logo img {
    width: 25px;
    display: table;
    height: 43px;
    object-fit: contain;
}
#myCarousel .carousel-item .col-md-6 img {
    width: 50px;
    height: 50px;
}
#myCarousel .carousel-caption {
    padding-left: 9px;
}
#myCarousel .carousel-item .col-md-6 {
    max-width: 90%;
}
#myCarousel .carousel-item {
    min-height: 420px !important;
    height: auto !important;
}
#myCarousel .carousel-item > img {
 min-height: 420px !important;
    height: auto !important;
}
.srvc_section .vc_column-inner{
	padding:0px !important;
}
#myCarousel2 .carousel-item{
	height:13rem;
}
#myCarousel2 .carousel-caption {
    padding-left: 0px;
    padding-right: 0px;
}
.inr_bnr {
    height: 380px !important;
}
.menu_hdr {
    float: inherit;
    width: 100%;
}
.btn-group.dropright .nav a img {
    margin-top: 5px;
}
.dropright .dropdown-toggle::after{
	display:none;
}
.dropdown-menu.show {
	left:68px !important;
    transform:translate3d(-234px, -21px, 0px) !important;
    width: 85%;
        height: 485px;
    top: 0 !important;
    bottom: 0;
    border: 0;
    z-index: -9;
    border-radius: 0;
    background: #f5f5f5;
	box-shadow: inset -4px 0 4px 0 #adadad;
    
}
.btn-group.dropright {
    display: block;
    top: 0em;
    bottom: 0;
    margin: 0px 0;
    position: initial!important;
    text-align: center;
}
.dropdown-menu.show ul {
    position: absolute;
    display: flex;
    flex-flow: column;
    width: 100%;
    float: left;
	height: 485px;
    top: 0;
	padding:20px;
    bottom: 0;
}
.bs_cmt{
margin-bottom:0px;
}
.single_blog .dtl_wrap {
    width: 100%;
}
.single_blog {
    height: 200px;
}
.single_blog .dtl_wrap {
    width: 100%;
    margin-top: 50px;
}
.single_blog .dtl_wrap h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}
.single_blog .bnr_detail {
    margin-top: 0px;
}
.single_blog .m_d_lft{
	padding-left:0px !important;
	padding-right:0px !important;
}

}
@media only screen and (max-width:480px){
	.m_d_lft h3{
	width:100% !important;
}
	.left_pln iframe,.home_plan_pc {
    height: 218px !important;
    margin-bottom: 15px !important;
}
.rt_pln{
	margin-top:20px;
}
.call{
	font-size:20px;
}
.bnr_detail {
    margin-top: 0;
    padding: 40px 20px;
}
.carousel-caption p{
	font-size:13px;
}
img.quat{
    bottom: 0;
    right: 0;
    top:-39px;
}
.inr_bnr .bnr_detail h1,.inr_bnr .bnr_detail h1 {
   font-weight:bold;
    font-size: 19px;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	margin-bottom:0px !important;
}
.testimonial h2{
	font-size:20px;
	line-height:22px;
}
.testimonial p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.m_d_lft h3{
	font-size:20px;
	line-height:22px;
}
.m_d_lft p {
	color:#545454;
    font-size: 16px;
    line-height: 26px;
}
.hd_a{
	margin-bottom:0px !important;
}
.bnr_detail img{
	width:60%;
}
.t_slider{
	padding:0px !important;
}
.vc_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.testimonial {
    padding: 30px 0 0 0;
}
.pln_section h2 {
    font-size: 24px;
}
.dtl_wrap{
	width:60%;
}
.rt_pln p{
	font-weight:300;
}
.rt_pln p br {
    display: none;
}
.banner{
	    background-size:100%;
    margin-left: 0px !important;
    background-position: top right;
}
.carousel-caption span {
    position: relative;
    top: 25px;
  
    text-align: right;
}
#myCarousel .carousel-control-next,#myCarousel .carousel-control-prev,#myCarousel .carousel-indicators{
	opacity:0;
	display:none;
}

.blog_pic img{
	margin-bottom:20px !important;
}
h5.mt-5.dm_hd {
    margin-bottom: 0px !important;
	margin-top:0px !important;
}
.fst_f ul li a{
	width:100%;
}
.b_left{
	display:flex;
}
.b_left img{
	width:100px;
	height:55px;
	object-fit:cover;
}
.b_left p{
	margin-left:30px;
}
.b_rt{
	margin-top:20px;
}
ul.social_lnk.mob_lnk {
    width: 40%;
}
.hdr_lnk a{
	opacity:1;
}
.srvc_left p{
	font-size:15px;
}
.rt_pln h4 {
 margin-top:0px; 
}
#myCarousel .carousel-item,#myCarousel .carousel-item > img  {
    min-height: 380px !important;
    height: auto !important;
}
.fst_f h4{
	margin-bottom:10px;
}
.b_rt li a{
	font-weight:200 !important;
}
.grid_b{
	display:flex;
	flex-flow:column;
}
img.blog_pic.blog_yr {
    width: 100% !important;
}
h6.mk_save br {
    display: none;
}
.inr_bnr {
    height: 200px !important;
}
.inr_bnr .dtl_wrap {
    height: auto;
    margin-top: 1rem;
}
.m_d_lft {
    margin-top: 28px;
}
.dg_m_h3 {
    margin-top: 30px !important;
}
.dg_m:before {
    width: 100% !important;
    background-size: 46% !important;
}
.single_m_logo img {
    width: 88% !important;
}
.blog_logo{
	width:100%;
}
.blog_content .tab-content {
    margin-top: 20px;
}
}
@media only screen and (max-width:440px){
	.grid_b h3{
		font-size:16px;
	}
	.hdr_lnk a{
		font-size:14px;
	}
	.fst_f ul li a{
		width:100%;
	}
	.inr_bnr {
    height: 195px;
}
.seo_bnr:before {
  
    background-size: 55%;
    z-index: 0;
    bottom: 0px;
}
.left_pln iframe,.home_plan_pc {
    height: 192px !important;
}
.pln_section h2 {
    font-size: 20px;
}
.grid_b h3{
	margin-top:20px;
	width:80%;
}
.pic_pack .vc_column_container {

    width: 40%;

}
.fst_f ul li a {
    font-size: 13px;
   
    margin-bottom: 8px;
    font-weight: 300;
}
#myCarousel .carousel-item,#myCarousel .carousel-item > img  {
    min-height:400px !important;
    height: auto !important;
}
.inr_bnr .bnr_detail h1{
	width:70%;
}
.single_m_logo{
	width:90%;
}
.dg_m:before {
    width: 76% !important;
    background-size: 66% !important;
}
.single_m_logo img {
    width: 93% !important;
}
.md_bnr:before {
    background-size: 45% !important;
	bottom:-7px !important;
}
.inr_bnr:after {
    clip-path:polygon(0 0, 95% 0, 32% 110%, 0% 100%);
    -webkit-clip-path:polygon(0 0, 95% 0, 32% 110%, 0% 100%);
}
.m_d_lft {
    margin-top: 7px;
}
h6.dg_m {
    margin-top: 41px;
}
.vd_test{
	margin-top:20px !important;
}
.vd_hde {
    font-weight: 300 !important;
    width: 68% !important;
    line-height: 24px !important;
    font-size: 20px !important;
}
.vd_t_detail h5,.vd_t_detail b{
	float:left;
	width:50%;
	margin-left:30px;
}
.vd_t_pic{
	width:auto;
}
.vd_t_detail p {
    position: relative;
    padding: 0 28px;
}
.vd_t_detail .comaa {
    position: absolute;
    object-fit: contain;
    top: 0px;
    right: 0px;
}
.web_d:before {
    background-size: 52% !important;
}
.inr_bnr .bnr_detail h1{
	height:auto;
}
.web_a {
    width:100% !important;
}
.m_d_lft h3.wb_d{
	margin-top:20px !important;
	
}
.vd_t_detail span{
	    display: table;
    margin: 0 auto;
    width: 230px;
    float: inherit;
}
.m_d_lft h3.n_web{
	font-size: 22px;
    line-height: 34px;
    width: 70% !important;
    float: left;
}
h1.vc_custom_heading.seo_hding {
    width: 100% !important;
}
.m_d_lft h4.go_rnk{
	 margin-bottom:27px !important;
	 margin-top: 11px !important;
    font-size: 20px !important;
	line-height:25px;
    font-weight: 300;
}
.m_d_lft h3.seo_l_gm{
	 font-size: 20px !important;
	line-height:25px;
}
.m_d_lft h5.gt_hd{
	margin-top:0px !important;
}
.dg_m .bnr_detail h1 {
    width: 59% !important;
}
.single_blog{
	background-size: contain !important;
}
.single_blog .bnr_detail {
    margin-top: 0;
    padding: 29px 20px !important;
}
.bs_cmt {
    margin-bottom: 13px;
}
.bs_cmt ul li,.bs_cmt span{
	font-size:11px;
	line-height:18px;
}
}
@media only screen and (max-width:400px){
	#myCarousel .carousel-item,#myCarousel .carousel-item > img  {
    min-height:450px !important;
    height: auto !important;
}
.inr_bnr .bnr_detail h1 {
    width: 90%;
}
.dg_m .bnr_detail h1 {
    width: 59% !important;
}
.blog_content .nav-link{
	margin-right:25px;
}
}
@media only screen and (max-width:375px){
	.single_m_logo img {
    width: 100% !important;
}
.dg_m:before {
    width: 86% !important;
    background-size: 66% !important;
}
.inr_bnr:after {
    clip-path: polygon(0 0, 97% 0, 25% 110%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 97% 0, 25% 110%, 0% 100%);
}
.blog_content .nav-link{
	font-size:12px;
}
}
@media only screen and (max-width:340px){
	#collapseExample{
	width:160px;
}

	.m_rt .nav-link{
	font-size:12px;
}
.dropdown-menu.show {
  
    height:427px;
   
    box-shadow: inset -1px 0 4px 0 #adadad;
	}
	#FreshGridsGridSchedule table#schedule { border-collapse: collapse; }
#FreshGridsGridSchedule table#schedule th, table#schedule td { border: solid gray 1px; }
#FreshGridsGridSchedule table#schedule th { background-color: #ccc; white-space: nowrap; }
#FreshGridsGridSchedule table#schedule td { text-align: center; }
#FreshGridsGridSchedule table#schedule td.empty { background-color: #9ab; }
#FreshGridsGridSchedule table#schedule td.live { background-color: #f6f1b2; }

#FreshGridsGridSchedule #timeZoneSelections div * {
	vertical-align: middle;
}
#FreshGridsGridSchedule table#schedule td.time {
	width: 9%;
}
#FreshGridsGridSchedule table#schedule td {
	width: 13%
}
	}