@media(max-width:1680px) {
  .aboutArea::before {
    width: 92%;
} 
  .blogarea {
    margin-top: 0;
}  
    
}


@media(max-width:1440px) {
  .aboutArea::before {
    width: 97%;
} 
  .blogarea {
    margin-top: 0;
}  

.page-id-166 footer.main-footer{
        position: relative;
    bottom: inherit;
    width: 100%;
}
#post-264 .u-column1.col-1{
        padding-top: 100px;
    padding-left: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
}
#post-264 .u-column2.col-2{
        padding-top: 100px;
    padding-left: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
}
#post-264 .u-column2.col-2 .woocommerce-form-register, .wrap-login{
    width: 100%;
}

    
}


@media(max-width:1365px){

	.main-menu{
		    margin-right: 0;
	}
	.navi-wrp .main-menu li a{
		    margin-right: 16px;
	}
	.homeloginbtn{
		margin-right: 5px;
	}

}

@media(max-width:1280px){
	.menu-header-menu-container{
		width:100%;
	}
	.mainhederrightwrap {
		flex-flow:row wrap;
		justify-content:right;
	}
	
	.mainhederrightwrap #menu-header-menu{
		    justify-content: right;
	}
	.navi-wrp .main-menu li a{
		margin-right: 30px;
	}
}


@media(max-width:1024px) {
.navi-wrp .main-menu li a {
    margin-right: 45px;
}
    .logo img{height: 80px;}	
    .main-menu {
    margin-right: 0;
    margin-left: 35px;
}
 .btn {
    padding: 12px 15px;
}
 h1{
  font-size: 55px;
}

h2{
    font-size: 40px;
}

h3{
    font-size: 35px;
}
 .MainBannerLeft h1 span::after {
    left: 3%;
}   
 .MainBannerForm {
    padding-top: 16%;
    padding-left: 11%;
}   
    .sticky .logo img{
        height: 80px;
    }   
   .aboutArea::before {
    width: 98%;
}
.aboutAreaText {
    padding-top: 30px;
    padding-bottom: 50px;
}    
p {
    font-size: 16px;
}    
.mt150{
    margin-top: 80px;
}
.mb150{
    margin-bottom: 80px;
}
.pt150{
    padding-top: 80px;
}
.pb150{
    padding-bottom: 80px;
}    
.UniverseAreaLeft {
    padding-left: 3%;
}
 .blogarea {
    margin-top: 80px;
}   
 h5 {
    font-size: 20px;
}   
    .conForm.MainBannerForm{padding-left: 0;}  
    
    .MainBannerForm h6{font-size: 16px;}
	#blog-page-section, .blogpageheader{
		    padding-top: 125px;
	} 
	
	.PrivacywrapInner p{
		width:100%;
	}
    
}


/*=============   	991 css Start	=============*/
@media(max-width:991px) {

	/* ======================	Mobile menu start 	====================== */

	.main-menu{
		display: none;
	}
	.mobile-menu {
	    display: block;
	}
	.mobile-menu {
		width: 40px;
		height: 28px;
		position: relative;
		float:left;
		-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;   
		overflow:hidden;
		margin-top: 38px;
	}	
	.mobile-menu span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #D24B20;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-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;
	}
	.mobile-menu span:nth-child(1) {
		top: 0px;
	}
	.mobile-menu span:nth-child(2) {
		top: 10px;
	}
	.mobile-menu span:nth-child(3) {
		top: 20px;
	}


	.menu-wrp {
	    position: fixed;
	    width: 300px;
	    height: 100vh;
	    overflow-y: scroll;
	    background: #000;
	    right: -100%;
	    top: 0;
	    z-index: 1000;
	    padding: 20px 0;
	    -webkit-transition: all .5s ease-in-out;
	    -o-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;
	    -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	}
	.menu-wrp.slide-menu .mobile-menu-head {
	    display: flex;
	    justify-content: flex-end;
	    padding: 0 15px;
	    box-sizing: border-box;
	    width: 100%;
	}
	.menu-wrp.slide-menu .nav-close {
	    display: flex;
	    width: 20px;
	}

	.menu-wrp.slide-menu .main-menu {
	    display: flex;
	    flex-flow: column;
	    padding: 25px 0;
	    width: 100%;
	}
	.menu-wrp.slide-menu {
	    right: 0;
	    flex-flow: column;
	}
	.navi-wrp .main-menu li:first-child a {
	    margin-left: unset;
	    padding: 10px 15px;
	}

	.menu-wrp.slide-menu .main-menu li a{
		margin-left: unset;
		color: #fff;
		padding: 10px 15px;
		display: block;
		font-size: 16px;
		border-bottom: 1px solid #757a79;
	}

	.menu-wrp.slide-menu .mobile-info{
	    display: block;
	    width: 100%;
	}
	.menu-wrp.slide-menu .mobile-info li a{
		color: #fff;
		margin-left: 15px;
		font-size: 16px;
	}

	.menu-wrp.slide-menu .mobile-info li a i{
		margin-right: 8px;
	}

	.menu-wrp.slide-menu .mobile-social{
	    display: block;
	    width: 100%;
	}
	.menu-wrp.slide-menu .mobile-social li a{
		color: #fff;
		margin-right: 22px;
		font-size: 16px;
	}

	.mobile-info-list li a{
		margin-bottom: 16px;
		display: inline-block;
	}

	.menu-wrp.slide-menu .mobile-social-list {
		margin-left: 18px;
	}
    
    .menu-wrp.slide-menu .main-menu li a{
    width: 80%;
    border-bottom: 0;
}
.menu-wrp.slide-menu .main-menu li{
        border-bottom: 1px solid #757a79;
        /* padding: 0 25px; */
}

.menu-wrp ul li .dropdownIcon{
       right: 1px;
    top: 0px;
    width: 40px;
    height: 42px;
    background: #1BC75B;
    text-align: center;
    padding: 10px;
}
.menu-wrp ul li .dropdownIcon i{
    color: #fff !important;
}

.menu-wrp ul li:hover .sub-menu{
        opacity: 0;
}

.menu-wrp ul li .sub-menu{
        display: none !important;
}

.menu-wrp ul li .sub-menu.slideshow{
    display: block;
        opacity: 1 !important;
    z-index: 9999;
    top: 0;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    display: block !important;
        position: relative;
    width: 100%;
}

.menu-wrp ul li .sub-menu{
        background: #3b4439;
}
.menu-wrp.slide-menu .main-menu li a{
    width: 100%;
    font-size: 14px;
}
    .navi-wrp .main-menu li.active::after{display: none;}
	/* ======================	Mobile menu End 	====================== */
   .main-menu {
    margin-right: 0;
} 
    .menu-wrp a.btn{margin-left: 25px;}

 h1{
  font-size: 55px;
}

h2{
    font-size: 40px;
}

h3{
    font-size: 35px;
}
.MainBannerForm {
    padding-top: 0;
    padding-left: 5%;
}
.MainBannerFormarea {
    bottom: -15%;
}
.MainBannerLeft h1 span::after {
    left: 0%;
}   
.mt150{
    margin-top: 80px;
}
.mb150{
    margin-bottom: 80px;
}
.pt150{
    padding-top: 80px;
}
.pb150{
    padding-bottom: 80px;
} 
 .aboutArea::before {
    width: 98%;
}   
.aboutAreaText {
    padding-top: 30px;
    padding-bottom: 115px;
}    
.UniverseAreaLeft {
    padding-left: 3%;
    padding-top: 5%;
}    
 .blogarea {
    margin-top: 80px;
}   
 h4.accordion-thumb {
    font-size: 18px;
    }
  h5 {
    font-size: 18px;
}  
    .conForm.MainBannerForm{padding-left: 0;}   
   h4 {
    font-size: 20px;
} 
p {
    font-size: 16px;
}
 .MainBannerLeft p {
    font-size: 18px;
}  
  .conForm {
    width: 48%;
}  
  


  #Privacywrap h2{
    font-size: 45px;
  }  
  #Privacywrap h3{
    font-size: 35px;
  }
  #Privacywrap h4{
    font-size: 25px;
  }
	
	#blog-page-section, .blogpageheader{
		    padding-top: 105px;
	} 
	
	.contactformwrapper{
		width:90%;
	}
        .contactinforowLeft{
        width:100%;
    }
    .contactinforowRight{
        width:100%;
    }
    
    #Contact h3{
        padding-bottom:10px;
    }

    .page-id-166 .main-nav ul li{
            margin-right: 1px;
    }

    .mobile-login-btn{
        display: block;
    }

    #post-264 .u-column1.col-1, #post-264 .u-column2.col-2{
              padding-top: 30px;
        padding-left: 25px;
        padding-bottom: 25px;
        padding-right: 25px;
    }
    .woocommerce-form-register p.form-row{
        width: 100%;
    }
    
    .btn.homeloginbtn{
        display: none;
    }
	.notfound .notfound-404:before{
		width: 100px;
        height: 100px;
	}
	.notfound .notfound-404{
		width: 100px;
        height: 100px;
		left: 28px;
	}
	
	.headerntmwrap{
		display:none;
	}
	
	.mobileheaderbtn{
	display:block !important;
}
}

/******************************mobile**************************/

@media(max-width:767px){
   
 h1{
  font-size: 45px;
}

h2{
    font-size: 33px;
}

h3{
    font-size: 33px;
}

h4{
    font-size: 22px;
}
 .wi50 {
    width: 100%;
}  
 .logo img {
    height: 60px;
}   
     .sticky .logo img{
    height: 60px;
}  
 .MainBannerLeft h1 span::after {
    left: -20%;
    bottom: -25px;
    width: 214px;
    height: 13px;
}
.MainBannerLeft p {
    font-size: 16px;
}    
 .MainBannerForm {
    padding-top: 0;
    padding-left: 0;
}   
.MainBannerFormarea {
    bottom: 0;
}
    .MainBanner .dFlx{
        display: block;
    }  
 .mt150{
    margin-top: 80px;
}
.mb150{
    margin-bottom: 80px;
}
.pt150{
    padding-top: 80px;
}
.pb150{
    padding-bottom: 80px;
}   
.aboutAreaImg {
    width: 100%;
}
.aboutAreaText {
    padding-left: 0;
    width: 100%;
    padding-bottom: 80px;
}
    .aboutArea .dFlx{display: block;}    
   .aboutArea::before {
    width: 90%;
    border-radius: 0px 70px 260px 0px;
} 
 .SmallHeading span {
    font-size: 16px;
}
.UniverseAreaLeft {
    padding-left: 15px;
    padding-top: 5%;
    padding-right: 15px;
}    
 h4.accordion-thumb {
    font-size: 20px;
}   
    .UniverseArea .dFlx{display: block;}  
    p {
    font-size: 16px;
}
.btn {
    font-size: 14px;
    padding: 12px;
}    
 .blogarea {
    margin-top: 0;
}   
.blogarea .HeadingSec.dFlx h3 {
    width: 100%;
    margin-bottom: 15px;
}    
 .BlogItemarea.dFlx .BlogItem {
    width: 100%;
    margin-bottom: 30px;
}
 h5 {
    font-size: 20px;
}   
 .BlogItemarea.dFlx .BlogItem h5 {
    margin-top: 15px;
}   
 .faqlist {
    width: 100%;
    margin-top: 50px;
}
    .contactarea .dFlx{display: block;}  
    .conForm {
    padding: 0;
    width: 100%;
}
    .conText {
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
}
    footer .dFlx{display: block;}
  .footerLeft {
    width: 100%;
}
    .footerLeft img{margin: 0 auto;}
 .footerRight {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}   
 footer {
    padding: 20px 0;
}   
 .MainBanner {
    padding-bottom: 50px;
}   
 .MainBannerForm h6{font-size: 16px;}

 #Privacywrap h2{
    font-size: 38px;
 }

 #Privacywrap h3{
    font-size: 30px;
 }
 #Privacywrap h4{
    font-size: 24px;
 }
	.expertInnerRight h1{
		    font-size: 35px;
	}
	
	.contactformwrapper{
		width:100%;
	}

    .page-id-166 footer.main-footer{
        position: relative;
    bottom: inherit;
    width: 100%;
}
.page-id-166 .main-nav{
            position: absolute;
        right: 85px;
}

.page-id-166 .main-nav{
    position: absolute;
    right: 85px;
}
.page-id-166 .main-nav ul{
        width: 221px;
    position: absolute;
    right: 0;
    top: 48px;
    background: #fff;
}
.page-id-166 .main-nav ul li{
        margin-right: 0px;
     
}
.page-id-166 .main-nav ul li a{
        width: 100%;
    display: block;
    border-radius: 0 !important;
}
    .PrivacywrapInner p{
    width:100%;
    margin:auto;
    text-align:center;
}
    .contactinforowLeftinnercol{
        width:100%;
        margin:5px 0;
    }
    #Contact h3{
        padding-bottom:0;
    }

    .mobile-menu{
                margin-top: 29px;
    }
    .mobile-login-btn{
            top: 20px;
    }

    #post-264 #customer_login{
        flex-flow: row wrap;
    }
    #post-264 .u-column1.col-1, #post-264 .u-column2.col-2{
        width: 100% !important;
    }
    #post-264 .u-column2.col-2{
            padding-top: 40px;
    }
    .woocommerce-ResetPassword{
        width: 100%;
    }
	
	.notfound .notfound-404{
		        left: 80px;
	}
}




@media(max-width:480px){

	.notfound .notfound-404:before{
		        width: 75px;
        height: 75px;
	}
	.notfound .notfound-404{
		width: 75px;
        height: 75px;
	}

}

@media(max-width:359px){

.page-id-166 footer.main-footer{
        position: relative;
    bottom: inherit;
    width: 100%;
}

}