/* ============ desktop view starts============ */
@media(min-width:1800px) {
    

}

@media(max-width:1800px) {
    

}

@media(max-width:1680px) {
	
	
}

@media(max-width:1440px) {
     
}
@media(max-width:1366px) {
     
}
@media(max-width:1280px) {
       
}

@media(max-width:1199px) {
	.caption-part h1 {font-size: 36px;}
	.brands-heading-part:after {right: 0;}
	.brands-heading-part:before {width: 335px; left: -50%;}
}

@media all and (min-width: 992px) {
	
}	
/* ============ desktop view .end// ============ */

/* ============ mobile view starts============ */
@media(max-width:1024px) {
	
}
@media(max-width:991px) {
	
	/*Header-section Starts*/
	.hdr_menu { position: fixed; top: 0;right: 0; bottom: 0; width: 270px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); background: #ffac4a; overflow-y: auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  padding: 70px 25px 20px; z-index: 99;}
    .hdr_menu ul {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .hdr_menu ul li {width: 100%; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
    .hdr_menu li a {color: #fff; padding: 0; display: inline-block;}
    .hdr_menu li a::before {display: none;}
    .menu_btn { width: 28px;display: block;}
     .menu_btn span {height: 2px; display: block; background: #ffac4a; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
    .menu_btn span+span {margin-top: 5px;}
    .menu_btn span:nth-child(2) {width: 22px;}
    .menu_trigger {position: absolute; right: 10px; top: 50%;z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    .addPnnl .menu_trigger {position: fixed; right: 10px; top: 25px; -webkit-transform: none; -ms-transform: none; transform: none;}
    .addPnnl .hdr_menu {-webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}
    .addPnnl .overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 30;}
    .addPnnl .menu_btn span {background: #fff;}
    .addPnnl, .overlay { overflow: hidden;}
    .addPnnl .hddr_inr {position: static;}
    .hdr_menu li.sub_menu, .hdr_menu li { margin-right: 0; padding: 0; border: 0;  margin-bottom: 50px; position: relative;}
    .shrink .hdr_menu li a {color: #fff;}
    .hdr_menu li.current-menu-item a, .hdr_menu li a:hover {color: #fff;}
    .addPnnl .menu_btn span:first-child {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
    .addPnnl .menu_btn span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
    .addPnnl .menu_btn span:nth-child(2) {display: none;}
    .addPnnl .menu_btn span+span {margin-top: -2px;}
    .header_btn {margin-left: 0; margin-right: 60px;}
    .header_outer {z-index: 999;}
    .header_outer::before, .header_outer::after {display: none;}
    .nav_holder, .shrink .nav_holder {padding: 10px 15px;}
    .addPnnl .nav_holder {position: static;}
    .addPnnl .shrink .nav_holder {position: fixed;}
    .hdr_menu li.sub_menu>a::after, .hdr_menu li.sub_menu a:hover:after {color: #fff;top: 0; left: auto; right: 0;}
    .hdr_menu li.sub_menu .dropdown-menu { width: 100%; background-color: transparent; border-radius: 0; position: static !important; padding: 0 0 0 15px; margin-top: 10px; -webkit-box-shadow: none; box-shadow: none;}
    .hdr_menu li.sub_menu .dropdown-menu li:last-child { margin-bottom: 0;}
    .mega_menu_outer {display: none; position: static; background-color: transparent; padding: 10px 0 0 10px; -webkit-box-shadow: none; box-shadow: none; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; -webkit-transition: initial !important; -o-transition: initial !important; transition: initial !important;}
    .mega_menu_inr {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .mega_menu_col { width: 100%; margin-bottom: 15px;}
    .mega_menu_col:last-child {margin-bottom: 0;}
    .mega_menu_col h3 {color: #fff; font-size: 17px; line-height: 22px; margin-bottom: 10px;}
    .mega_menu_col ul li {margin-bottom: 5px;}
    .mega_menu_col ul li a span, .mega_menu_col ul li a:hover span {font-size: 15px; color: #fff;}
    .mega_menu_col ul li a {width: 100%; font-size: 16px;}
    .mega_menu_open .hdr_menu li.sub_menu>a::after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
    .hdr_menu li.sub_menu>a::after {display: none;}
    .sub_menu_opener {display: block;}
    .mega_menu_open .sub_menu_opener {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
    .hdr_menu li.active a:after {bottom: -10px;}
    /*Header-section end*/
	
	.caption-part {top: 60%; margin-left: 0;}
	.caption-part h1 {font-size: 26px;}
	a.slider-btn {padding: 10px 30px;line-height: 1.3;}
	.hdr_social {display: none;}
	
	.gbusp-item h3 {font-size: 18px;}
	.section-heading h2 {font-size: 30px; line-height: 1.3;}
	
	.two-column-content:nth-child(odd) .two-column-content-txt { padding-right: 0;}
	.two-column-content:nth-child(even) .two-column-content-txt {padding-left: 0;}
	section#howitworks .resp-order-1 { order: 1;}
	section#howitworks .resp-order-2 { order: 2; padding: 30px 15px;}
	
	.brands-heading-part:before {width: 300px; left: -72%;}
	.brands-heading-part:after { right: -18%; z-index: -1;}
	
	.testimonial-img-block figure {text-align: center; display: inline-block;}
}

@media(max-width:767px) {
	.resp-order-1 { order: 1;}
	.resp-order-2 { order: 2;}
    .caption-part {padding: 15px;}
    .caption-part h1 {font-size: 18px;}
    a.slider-btn {font-size: 14px;}
    .caption-part p {font-size: 14px;}
    .gbusp-item {padding-bottom: 30px;}
    section.gb-banner p {padding: 15px 0;}
    a.c2a-btn,.c2a-btn2  {padding: 10px 50px;}
    .price-card {margin-bottom: 70px;}
    section.pricing-sec {padding: 100px 0 45px;}
    
    .brands-heading-part:before {width: 100%; left: -32%;}
    .brands-heading-part:after {right: 64px;}
    
    .contactform-rightpart {padding-top: 50px;}
    .contactform-rightpart ul.fa-ul {margin-left: 1.5em;}
    
    ul.footer-menu {padding-top: 40px;}
}
@media(max-width:640px) {
	.caption-part {margin-left: 0;}
	.gb-banner:before {display: none;}
}

@media(max-width:575px) {
	/*Header-section Starts*/
	.hdr_menu { padding: 70px 15px 10px;}
    /*Header-section end*/
   
  .caption-part {width: 65%;}
  .brands-heading-part:before {width: 84%;left: -15px; }
  .brands-heading-part:after {right: 2px;}
   
}
@media(max-width:540px) {
	.brands-heading-part:before { width: 75%;}
	.brands-heading-part:after {right: 8%;}
}
}
@media(max-width:535px) {
	a.c2a-btn, .c2a-btn2  {padding: 10px 30px;}
}

@media(max-width:520px) {
	a.slider-btn {padding: 8px 16px;}
	.caption-part {top: 65%; margin-left: 0; }
	a.c2a-btn, .c2a-btn2  {padding: 10px 15px;}
}
@media(max-width:515px) {
	.brands-heading-part:after {right: 7.5%;}	
}

@media(max-width:499px) {
	.brands-heading-part:before {width: 74.5%;}
}
@media(max-width:485px) {
	.brands-heading-part:before {width: 74%;}
}
@media(max-width:480px) {
	/*Header-section Starts*/
    .logo, .shrink .logo {width: 200px;}
    /*Header-section end*/
   .brands-heading-part:before {width: 73.5%;}
}
@media(max-width:479px) {
	
}
@media(max-width:460px) {
	.caption-part {width: 65%;}
	.brands-heading-part:before {width: 73%;}
}
@media(max-width:454px) {
	.brands-heading-part:before {width: 72.5%;}
}
@media(max-width:439px) {
	.brands-heading-part:before {width: 72%;}
}
@media(max-width:420px) {
	section.hero-slider-main { padding-top: 100px;}
	.caption-part {top: 50%;}
	.brands-heading-part:before {width: 71%;}
}
@media(max-width:414px) {
	.brands-heading-part:before {width: 70.5%;}
}
@media(max-width:404px) {
	.brands-heading-part:before {width: 70%;}
}
@media(max-width:399px) {
	.brands-heading-part:before {width: 69.5%;}
}
@media(max-width:391px) {
	.brands-heading-part:before {width: 69%;}
}
@media(max-width:384px) {
	.brands-heading-part:before {width: 68.5%;}
}

@media(max-width:380px) {
	a.c2a-btn,.c2a-btn2  {padding: 10px; font-size: 15px;}
}
@media(max-width:370px) {
	.brands-heading-part:before {width: 68%;}
}
@media(max-width:360px) {
	
}
@media(max-width:354px){
	.brands-heading-part:before {width: 67%;}
	.brands-heading-part:after {right: 7%;}
}
@media(max-width:346px){
	.brands-heading-part:before {width: 66.5%;}
}
@media(max-width:340px){
	.brands-heading-part:before {width: 66%;}
}
@media(max-width:334px){
	.brands-heading-part:after { right: 6.5%;}
}
@media(max-width:320px) {
	.brands-heading-part:after { right: 5%;}
}