/*--------------media query css------------------*/
@media (max-width:1520px) {
    #header-main .enumenu_ul li a{ font-size:1.8rem; }
    header .logo{ max-width:300px; }
    header{ padding:25px 15px 26px; }
    #header-main .enumenu_ul li:first-child{ margin-left:0px; }
    .amount-box .item .txt-wrapper p{ font-size:7rem; }
    .amount-box .item .txt-wrapper span{ font-size:2.3rem; }
    .testimonials-right .feedback-comment p{ font-size:2rem; }    
    .contact-bg .form-left:before{ width:110%; background-size:100%; left:-3%;  }
    .service-bg .flex{ margin-left:0px; margin-right:0px; }    
    #header-main .enumenu_ul{ margin-left:-15px; }
    .contact-bg .contact-slider{ bottom:40px; }
}
@media (max-width: 1300px){
    .ft-logo ul li{ padding:0px 20px; }
    .contact-bg .form-right h2{ font-size:3.2rem; }
    .contact-bg .form-right{ padding:40px 40px 30px 40px; }
    .contact-bg .form-left h3{ font-size:4.0rem; }
    .contact-bg .form-left h2{ font-size:7rem; }
    #header-main .enumenu_ul{ margin-left:-15px; }
}
@media (max-width: 1200px){
    #header-main .enumenu_ul li a{ padding:0px 10px; }
    header .logo{ max-width:250px; }
    #header-main .enumenu_ul li a{ font-size: 1.6rem; }
    .welcome-content h2{ font-size:3.7rem; }
    .welcome-content h1{ font-size:5.5rem; }
    .blue-txt-bg{ max-width:400px; }
    .amount-box .item .txt-wrapper p{ font-size:5.5rem; }    
    .blue-txt-bg{ padding:28px 32px 24px; }    
    .ft-logo ul li img{ max-width:150px; }
    footer ul li a{ font-size:1.6rem; }
    footer .flex .ft-left ul{ padding-left:0px; }
    footer .ft-left p{ font-size:1.5rem; }
    footer .ft-left p{ margin-top:10px; }
    footer{ padding:40px 0px 30px; }
    footer .ft-right .phone-text a{ font-size:3.3rem; }
    footer .ft-right .phone-text{ font-size:2.2rem; }    
    header .logo{ margin-top:-9px; }
    footer .ft-right .phone-text span{ margin-top:3px; }
    #header-main .enumenu_ul{ margin-left:-10px; }
    .amount-box .item .txt-wrapper{ padding:99px 20px 10px; }
}
@media (min-width:1025px) {
    .service-bg ul:hover li a{ position:static !important; }
    .service-bg ul:hover li a img { opacity:0; }
    .service-bg ul:hover li a:hover img { opacity:1; }
}
@media (max-width:1024px) {
    .service-bg ul li a{ position:relative; }    
    .service-bg ul li a img{ opacity:1; }
    .service-bg ul:hover li:hover a span{background-color: rgba(119, 119, 119, 0.5); }
    .service-bg ul li a span { background-color: rgba(119, 119, 119, 0.5); }
    .service-bg ul li a em{ display:none;}
    .service-bg ul li a:hover span strong:before,
    .service-bg ul li a:hover span strong:after,
    .service-bg ul li a:hover span p:before,
    .service-bg ul li a:hover span p:after,
    .service-bg ul li a:hover span:after{ display:none; }
    .service-bg ul li a:hover span:before{ border:4px solid rgba(255,255,255,0.6); }
    .service-bg ul li a img{ background-position:center center; }
}
@media (min-width:1px) {      
   /* .service-bg ul li:first-child a img{ opacity:1; }     */
    .service-bg ul li a span { background-color: rgba(119, 119, 119, 0.5); }
    
    /*.service-bg ul li a img{ background-position:center center; }*/
}
/*------------tablet portrait  view------*/
@media (min-width:992px){
    .device-toggle{display: none !important;}
    .menu-icon{display: none !important;}
	.enumenu_ul { display: block; height: auto !important; }
}
@media (max-width:991px){
    .menu-open .wrapper{overflow:hidden;}
    .menu-open .device-toggle{ position:fixed; }
    body.menu-open { overflow: hidden; }
    header{ z-index:9999; }
    .mob.menu-open #header-main{ background-color:rgba(255,255,255,0.85); }
    header .logo{ z-index:9999999; }
    /*#header-main.fixed, .menu-open #header-main{ position:fixed; left:0px; right: 0px; width:100%;  }*/
	.mob.menu-open #header-main {z-index: 999999;}
	h1 {font-size: 6.0rem;}
	h4 {font-size: 3.0rem;}
    #header-main{position: static;}
    #header-main.fixed,.menu-open #header-main{position: fixed;}
	/********************header css starts here********************/
	.slideDown{animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;}
	.slideUp{animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;}
	#header-main{ min-height:1px; min-width: 100%;}
	.menu-bg {display: inline-block;z-index: -1;opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;transition: opacity 0.3s ease;position: absolute;height: 70px;width: 57px;background: #92b24f;top: 0;right: 0;}
	#header-main .header-left .logo,#header-main.fixed .header-left .logo {width: 160px;}
	#header-main .header-left .device_contact{display: inline-block;vertical-align: middle;}
	#header-main .header-left .logo img,#header-main .header-left .logo a {border-bottom-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;-webkit-border-bottom-right-radius: 30px;}
	#header-main .header-right{padding: 0;}
	#header-main .header-right::after{background: none;}
	#header-main .header-right .header-right-top{display: none;}
	#header-main .header-right .menu_navigation{padding: 0;}
    #header-main .enumenu_ul {display: none;}
    #header-main .menu-block {height: auto;}
    #header-main .menu-icon {display: block; left: 0px; padding: 0;height: 71px;width: 57px;margin-right: -15px; float: right;margin-top: -1px;position: relative;}
	#header-main .menu-icon.active {display: block;padding: 0;background: #1f5f92}
    #header-main .services-detail a.pba-detail {border-bottom: 2px solid #d3d9da;}
	#header-main .enumenu_ul li {border-bottom: 1px solid #216093;}
	#header-main .enumenu_ul li:last-child{border: none;}
    #header-main .enumenu_ul > li {text-align: left;display: block;margin: 0px; padding: 0px;}
    #header-main .enumenu_ul > li > a {color: #65685e;display: inline-block;vertical-align: middle;text-align: left;padding: 10px;font-size: 1.8rem;}
    #header-main .enumenu_ul > li:nth-child(4) a, #header-main .enumenu_ul > li:nth-child(5) a, #header-main .enumenu_ul > li:nth-child(6) a{ padding:10px; }
    #header-main .enumenu_ul {width: 92.38%; width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px);width:-ms-calc(100% - 57px);position: fixed;left: 0;right: 0;top:70px; border-top:5px solid #1f5f92; background:rgba(255,255,255,0.9) ;overflow-y: auto;bottom: 0;padding: 35px 20px 90px 20px;height: 90.942%; height: calc(100% - 70px);height: -webkit-calc(100% - 70px);height:-ms-calc(100% - 70px);height: -moz-calc(100% - 70px);}
	#header-main .enumenu_ul > li ul a:hover{color:#c3c3c3; }
    #header-main .enumenu_ul > li ul {background: #216093; position: static;        border: none;       border-radius: 0;box-shadow: none;padding: 0;}
	#header-main .enumenu_ul ul li{padding: 0; border-bottom-color: #fff;text-align: left;}
	#header-main .enumenu_ul ul > li:last-child {border-bottom: none;}
    #header-main .enumenu_ul > li ul a { display:block;color: #000;padding: 10px 20px;color: #fff;text-align: left;font-size: 1.6rem;vertical-align: middle;}
    #header-main .enumenu_ul > li{ display:block; float:none; width:100%; }
    #header-main .enumenu_ul .arrow{ display:inline-block; z-index:11;  }
    #header-main .enumenu_ul > li:hover:before,#header-main .enumenu_ul > li:hover > a:before,#header-main .enumenu_ul > li:hover > a:after,#header-main .enumenu_ul > li:hover:after{ display:none; }    
    header{ padding:0px; }
    header .logo{ margin-top:-18px; }
    #header-main .enumenu_ul li{ float:none; }
    .welcome-content h2{ font-size:3.2rem; }
    .welcome-content h1{ font-size:4.2rem; }
    .testimonials-bg .testimonial-left{ padding-right:0px; }
    .blue-txt-bg{ right:auto; left:50%; transform:translateX(-50%); width:456px; max-width:85%; }    
    .slider-btn{ top:auto; left:0px; text-align:center; width:100%; bottom:-87px; }
    .testimonials-bg .testimonials-right{ margin-top:100px; padding-left:0px; }    
    .testimonials-right .feedback-comment{ padding:20px; }
    .service-bg ul li a span{ font-size:2.5rem; }
    .ft-logo ul li{ width:30%; margin-bottom:25px; }
    .ft-logo ul li img{ max-width:none; max-width:100%; }
    .contact-bg .form-right{ padding:40px 40px 15px 40px; }
    .contact-bg form .field{ font-size:1.5rem; }
    .contact-bg form ul li{ margin-bottom:15px; }
    .contact-bg .form-right h2{ font-size:2.4rem; }
    .contact-bg form .buttons{ margin-top:43px; }
    .contact-bg .form-right{ padding:40px 40px 25px 40px; }
    .contact-bg .form-left h3{ font-size:3rem; }
    .contact-bg .form-left h2{ font-size:5rem; }
    .contact-bg .contact-slider p{ font-size:1.5rem; }
    .contact-bg .contact-slider{ bottom:20px; }
    .contact-bg .form-left,.contact-bg .form-right{ min-height:430px; }
    span.error{ bottom:-18px; font-size:1.3rem; }
    footer .flex .ft-right{ flex:0 1 33%; }
    footer .flex .ft-middle{ flex: 0 1 20%; }
    footer .flex .ft-left { flex: 0 1 42%; }
    footer ul li a{ font-size:1.4rem; }
    footer .ftr-logo a{ width:67px; }
    footer .ft-left p { font-size: 1.5rem; }
    footer .social-icon a{ height:45px; width:45px; font-size: 2.2rem; padding-top:12px; }
    footer .social-icon a.fa-google-plus{ font-size:2.0rem; }
    footer .ft-right .phone-text{ font-size:2.2rem; }
    header .device_contact{
        color: #216093;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 3.5rem;
        height: 43px;
        left: 14px;
        margin: 2px 0 0;
        position: absolute;
        top: 9px;
        transition: all 0.3s ease-in-out 0s;
        z-index: 9999;
    }
    header .device_contact:hover,header .device_contact:focus{ color:#777777; }
    header .logo{ margin-top:-22px; }
    #header-main .enumenu_ul{ margin-left:0px; }
    .service-bg ul li a span strong{ padding-top:89px; }
    .ft-logo { padding: 40px 0px 15px; }
    .menu-open .device_contact{ display:none; }
    h1 { font-size:6rem; }
    h2 { font-size:5rem; }
    h3 { font-size:4.5rem; }
    h4 { font-size:4rem; }
    h5 { font-size:3.7rem; }
    h6 { font-size:3.4rem; }
    .sec-img-main { margin-bottom: 15px; }
    .sec-img-main {
        background-position: center center;
        background-size: cover;
        padding: 0 0 100%;
    }
    .img-text-sec {
        display: block;
        margin-bottom: 30px;
    }
    .slider-btn a.prev-btn{ margin-left:-127px; }
    header .sb-menu:before{ display:none; }
}
/*------------mobile landscape  view------*/
@media (max-width:767px){    
    .service-bg .flex li{ flex:0 1 100%; }
    .service-bg ul li a{ border-width:10px 15px; height:224px; }    
    .vedio-area-home .slider-video{ height:100%; min-height: 300px; }
    .ft-logo ul li{ padding:0px 10px; }
    .ft-logo { padding: 25px 0px 15px; }
    .contact-bg .form-left:before{ width:90%; }
    .testimonials-right .feedback-comment p{ font-size: 1.65rem; }
    footer .flex .ft-right{  flex: 0 1 100%; order:2; }
    footer .flex .ft-left{  flex: 0 1 100%; order:3; }
    footer .flex .ft-middle{  flex: 0 1 100%; order:1; }
    footer ul{ display:none; }
    footer .social-icon{ margin-top:0px; position:absolute; bottom:30px; text-align:center; width:96%; left: 50%; transform: translateX(-50%); }
    footer .ft-right .phone-text span{ display:block; margin-bottom:5px; }
    .ftr-logo{ margin-bottom:14px; }
    footer{ position:relative; padding-bottom:100px; }
    footer .ft-right .phone-text a{ margin-left:0px; display:inline-block; margin-bottom:12px; }    
    .amount-box .item .txt-wrapper p{ font-size:4rem; }
    .amount-box .item .txt-wrapper span{ font-size:2rem; }
    .welcome-content{ background-size:35%; }
    .service-bg ul li a span strong{ padding-top:89px; }
    .welcome-content h1{ font-size:3.7rem; }
    .welcome-content{ padding:30px 0 30px; }
    .contact-bg .form-left:before{ width:85%; }
    .contact-bg .form-left:before{ left:8%; }
    .ft-left p a span{ font-size:1.7rem; }
    .ft-left p a span.break{ display:block; }
    footer{ padding-top:30px; }
    p { font-size: 1.4rem; line-height: 1.4; }
    .contact-bg .form-right::before{ left:-40px; }
    .amount-box .item .txt-wrapper{ padding:109px 20px 10px; }
    .service-bg { padding: 14px 0px 10px; }
    .welcome-content{ padding:6px 0 10px; }
    .welcome-content h1{ margin-bottom:22px; margin-top: 25px;}
    .welcome-content p{ padding-bottom:22px; }
    .testimonials-bg{ padding:18px 0 15px; }
    .welcome-content{ background-size:28%; }
}
@media (max-width:550px){
    .contact-bg .form-left, .contact-bg .form-right{ min-height:317px; }
    .welcome-content h1 {  font-size: 3.0rem; }
    .welcome-content h2 {  font-size: 2.5rem; }
    .welcome-content p{ font-size:1.5rem; } 
    h1 { font-size:5rem; }
    h2 { font-size:4rem; }
    h3 { font-size:3.5rem; }
    h4 { font-size:3rem; }
    h5 { font-size:2.7rem; }
    h6 { font-size:2.4rem; }
}
@media (max-width:480px) {    
    .blue-txt-bg p{ font-size:1.5rem; }
    .blue-txt-bg{ padding:17px 20px 17px; max-width:80%; }   
    .ft-logo ul li{ width:30%; }
    .contact-bg .form-left h2{ font-size:4rem; }
    .contact-bg .form-left h3{ font-size:2.6rem; }
    .contact-bg .form-right{ padding:30px 20px 15px 20px; }
    .contact-bg .form-right h2{ font-size:2.2rem; }
    .service-bg ul li a span{ font-size:1.9rem; }
    header .logo{ max-width:200px; width:200px; margin-top:-18px; }
    .service-bg ul li a span strong{ padding-top:92px; }
    h1 { font-size:4rem; }
    h2 { font-size:3rem; }
    h3 { font-size:2.5rem; }
    h4 { font-size:2rem; }
    h5 { font-size:1.7rem; }
    h6 { font-size:1.4rem; }
    .amount-box .item .txt-wrapper { padding: 136px 20px 10px; }
    .contact-bg .form-left:before{ width: 106%; left: -3%; }
    .contact-bg .contact-slider p{ font-size: 1.4rem; }
    .welcome-content{ background-size:50%; }
}
/*------------mobile portrait view------*/
@media (max-width:380px){
    .amount-box .item .txt-wrapper{ padding:116px 20px 10px; }
    .contact-bg .form-left:before{ width:100%; left:0%; }
    .contact-bg .form-left:before{ width: 115%; left: -7%; }
    .contact-bg .contact-slider{ bottom:10px; }
    .contact-bg .contact-slider p{ font-size: 1.3rem; }
    .contact-bg .form-left:before{ width: 112%; left: -5%; }
}
@media (max-width:360px){
    .contact-bg .form-right h2{ font-size:2.0rem; line-height:1.3; }
}
@media all and (max-height: 480px) and (orientation: landscape) {

}