@media (min-width:1200px) and (max-width:1899px){.mrm110px{margin-right:-100px;}
    .funfactSection .icon_box_02{padding-right:40px;}
}
@media (min-width:1200px) and (max-width:1600px){.funfactSection .icon_box_02{padding-right:90px;margin-bottom:30px;}
    .funfactSection .pdl115{padding-left:30px;padding-bottom:82px;}
    .funfactSection .sec_title.with_bar{margin-bottom:40px;padding-bottom:20px;font-size:70px;line-height:70px;}
    .funfactSection .sub_title{margin-bottom:10px;}
    .whyChooseUsContent{    padding-left: 80px;  padding-top: 70px;  padding-bottom: 0px; }
    .whyChooseUsContent .sec_title{font-size:60px;line-height:66px;}
    .skillHolders{padding-right:15px;padding-left:15px;}
    .sec_title br{display:none;}
    .singleSkill{margin-bottom:30px;}
    .folioHover_03 h2{font-size:50px;line-height:60px;}
    .testimonial_item{padding-left:25px;padding-right:15px;}
    .ti_author h4{font-size:20px;}
    .featureSection2{margin-top:-120px;}
}
@media (min-width:992px) and (max-width:1199px){.logo_02 img{width:100%;height:auto;}
    .header_02 .mainmenu{text-align:right !important;}
    .header_02 .ind_btn_2{display:none;}
    .logo_02{padding:37px 0 36px;}
    .mainmenu ul li{margin-right:20px;}
    .mainmenu > ul > li:last-child ul.sub_menu, .mainmenu > ul > li:nth-last-child(2) ul.sub_menu{left:auto;right:0;}
    .mainmenu > ul > li:nth-last-child(1) > ul.sub_menu ul.sub_menu, .mainmenu > ul > li:nth-last-child(2) > ul.sub_menu ul.sub_menu,
    .mainmenu > ul > li:nth-last-child(1) > ul.sub_menu ul.sub_menu, .mainmenu > ul > li:nth-child(4) > ul.sub_menu ul.sub_menu,
    .mainmenu > ul > li:nth-last-child(3) > ul.sub_menu ul.sub_menu, .mainmenu > ul > li:nth-last-child(4) > ul.sub_menu ul.sub_menu{left:auto;right:100%;}
    .nav_bar .right_bgs{height:70px;}
    .about_us_content{padding-left:25px;padding-top:40px;}
    .sec_title{font-size:60px;line-height:70px;}
    .about_us_content .sec_title{font-size:55px;line-height:66px;}
    .icon_box_01{margin-bottom:30px;padding-left:15px;padding-right:15px;}
    .icon_box_01 h3{font-size:28px;line-height:36px;}
    .funfactSection .pdl115{padding-left:15px;}
    .funfactSection .mrm110px{margin-right:-15px;}
    .testimonial_item2:after{display:none;}
    .testimonial_item2{padding-right:0;}
    .testimonialSection2 .imgDiv2{padding-top:84px;}
    .blogItem2{padding:39px 15px 38px 15px;}
    .bIcollapse .bi_meta span{margin-right:10px;}
    .footer_02 .widget{margin-bottom:40px;}
    .icon_box_03{padding-left:20px;}
    .whyChooseUsContent{padding-left:15px;padding-right:15px;}
    .whyChooseUsContent .sec_title{font-size:40px;line-height:50px;}
    .testimonial_item{padding-left:15px;padding-right:15px;}
    .ti_author h4{font-size:22px;}
    .bi_details{padding-left:20px;padding-right:15px;}
    .pdl65{padding-left:15px;}
    .fof_contents h2{font-size:50px;line-height:54px;}
    .history_box h3{font-size:21px;}
    .featureSlider{margin:0;}
    .cta_left_02 h2{font-size:55px;line-height:66px;}
    .skillHolders{padding-left:50px;padding-right:50px;}
    .sec_title br{display:none;}
    .aboutImg .i2{margin-left:0;margin-top:-120px;}
    .aboutDescs{padding-left:30px;}
    .ib5_inner{padding-left:15px;padding-right:15px;}
    .formSections{margin-left:0;margin-right:0;}
    .newsDetails{padding-left:20px;padding-right:20px;}
    .newsDetails h2.ndTitle{font-size:40px;}
    .sidebar_2.inLeft,
    .sidebar_2{padding-left:0px;padding-right:70px;}
    .instafeeds a{margin-right:15px;}
    .sb_footer span{font-size:13px;margin-right:10px;}
    .sb_footer span i{margin-right:6px;}
    .folioHover_03{width:calc(100% - 60px);padding-left:20px;padding-right:15px;}
    .folioHover_03 h2{font-size:40px;line-height:44px;}
    .proj_details.rightPos{padding-left:0;}
    .proj_details.leftPos{padding-right:0;}
    .style2 .serviceDetails{padding-left:20px;padding-right:20px;}
    .sidebar_1 .widget .widget_title{padding-left:20px;font-size:32px;}
    .sidebar_1 .widget ul li{padding-left:20px;padding-right:15px;}
    .hqw_content,
    .allLatestWorks,
    .allBrouchers{padding-left:20px;padding-right:15px;}
    .entry_title{font-size:65px;line-height:70px;}
    .sda_tags .icon_box_04{margin-right:20px;}
    .sda_tags .icon_box_04:last-of-type{margin-right:0px;}
    .product_btn a:last-of-type{margin-right:0;}
    .product_decp{padding-left:0;}
    .straceImg, .straceImg2, .stretchBGDiv, .imgCarousel, .imgCarousel .carousel-inner, .imgCarousel .carousel-item{min-height:100vw;}
    .testimonialSection,
    .testimonialSection2{overflow:hidden;width:100vw;}
}
@media (min-width:768px) and (max-width:991px){.logo_02 img{width:auto;height:auto;}
    .header_02 .ind_btn_2{display:none;}
    .topbar_left .info_element{margin-right:15px;}
    .icon_box_01{margin-bottom:30px;}
    .abc_left{padding-left:20px;margin-bottom:30px;}
    .serviceDetails{padding-left:35px;padding-right:35px;}
    .text-right.leftInMobile{text-align:left !important;}
    .funfactSection .pdl115{padding-left:15px;}
    .funfactSection .mrm110px{margin-right:-15px;}
    .testimonial_item2:after{display:none;}
    .imgDiv2.blockInMobile img{width:100%;height:auto;}
    .blogItem3{margin-bottom:30px;}
    .footer_02 .widget{margin-bottom:40px;}
    .footer_02 .widget.pdl58, .footer_02 .widget.pdl20{padding-left:0;}
    #backtotop{right:20px;}
    .folioHover_03{width:calc(100% - 60px);padding-right:15px;}
    .folioHover_03 h2{font-size:50px;line-height:54px;}
    .product_btn a:last-of-type{margin-right:0;}
    .results{display:none;}
    .straceImg, .straceImg2, .video_02, .stretchBGDiv, .imgCarousel, .imgCarousel .carousel-inner, .imgCarousel .carousel-item{min-height:100vw;}
}
@media (max-width:991px){.search_element form{position:relative;}
    .topbar:before{width:31%;}
    .logo{padding-left:15px;}
    .top_social{padding:0 0;top:-30px;z-index:4;}
    .top_social a{margin-left:12px;}
    .nav_bar .right_bgs{width:25%;height:100%;}
    .nav_bar .mobileMenuBar{text-align:left;width:100%;margin:14px 0 0;z-index:5;position:relative;}
    .nav_bar .mainmenu{position:absolute;left:0;top:78px;width:100%;z-index:99;}
    .info_element{margin-right:15px;padding-left:20px;}
    .search_element{margin-right:5px;}
    .info_element h5{font-size:16px;}
    .info_element p{font-size:12px;}
    .logo_02{float:left;width:50%;}
    .mobileMenuBar{float:right;width:50%;text-align:right;margin:31px 0;display:block;}
    .mobileMenuBar a{height:50px;background:#ff5e14;display:inline-block;font-size:14px;letter-spacing:0;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;line-height:50px;position:relative;padding:0 20px;}
    @media (max-width: 768px) {
        .mobileMenuBar a{height:50px;background:#06163A;display:inline-block;font-size:14px;letter-spacing:0;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;line-height:50px;position:relative;padding:0 20px;}

    }
    .mobileMenuBar a i{margin-left:10px;}
    .mainmenu{position:relative;width:100%;background:#ff5e14;display:none;margin-bottom:15px;}
    .mainmenu ul li{display:block;width:100%;margin-right:0;border-bottom:1px solid rgba(255, 255, 255, .2);text-align:left;}
    .nav_bar .mainmenu > ul > li,
    .header_02 .mainmenu > ul > li{padding:0;}
    .mainmenu ul li a{color:#FFF;background:transparent;-webkit-text-fill-color:#FFF;padding:20px 15px;width: 100%}
    .mainmenu ul.sub_menu{position:relative;opacity:1;visibility:visible;background:#06163a;width:100%;padding:0;top:100%;display:none;transition:none;-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none;}
    .mainmenu ul.sub_menu li{padding:0 0;}
    .mainmenu ul.sub_menu li a{border-bottom:none;padding:20px 30px;}
    .mainmenu ul.sub_menu li ul.sub_menu{left:0;background:#000;}
    .mainmenu ul.sub_menu li ul.sub_menu li a{padding-left:45px;}
    .mainmenu .submenu_toggler{display:inline-block;position:absolute;right:0;top:0;width:50px;height:53px;background:rgba(255, 255, 255, .1);line-height:53px;text-align:center;color:#FFF;font-size:18px;cursor:pointer;}
    .mainmenu .sub_menu .submenu_toggler{background:rgba(255, 255, 255, .4);}
    .mainmenu .submenu_toggler:hover, .mainmenu .submenu_toggler.active-span{color:#06163a;}
    .mrm15{margin-right:0;}
    .about_us_content{padding-left:0;}
    .sec_title{font-size:50px;line-height:60px;}
    .filterMenu ul li{margin-right:13px;}
    .funfactSection .icon_box_02{padding-right:0;}
    .icon_box_03{padding-left:20px;}
    .whyChooseUsContent{padding-left:20px;padding-right:20px;}
    .whyChooseUsContent .sec_title{font-size:60px;line-height:60px;}
    .testimonialSliderHolder{margin-top:50px;}
    .testimonial_item{padding-left:20px;padding-right:20px;}
    .bi_details{padding-left:20px;padding-right:15px;}
    .bi_meta span{margin-right:15px;margin-bottom:10px;}
    .blogItem2 h3{font-size:24px;line-height:30px;}
    .blogItem2{padding-left:15px;padding-right:10px;padding-top:25px;padding-bottom:25px;}
    .footer_01 .widget{margin-bottom:40px;}
    .pdl65{padding-left:15px;}
    .serviceDetails{padding-left:20px;padding-right:20px;}
    .fof_contents{padding-top:30px;}
    .fof_contents h2{font-size:40px;line-height:44px;}
    .aboutImg .i2{margin-left:0;}
    .aboutImg{padding-right:80px;}
    .yearsofexp{right:0;}
    .aboutDescs{padding-left:0;padding-right:15px;}
    .skillHolders{padding-left:30px;padding-right:30px;}
    .sec_title br{display:none;}
    .cta_left_02 h2{font-size:50px;line-height:60px;}
    .history_box{width:50%;}
    .woocommerce-checkout-review-order{padding-left:10px;padding-right:15px;}
    .cart_table tbody tr td.product-thumbnail .thumbimgs{width:80px;height:80px;margin-right:10px;}
    .cart_table tbody tr td.product-thumbnail{width:80px;padding-left:0px;}
    .cart_table tbody tr td.product-subtotal,
    .cart_table thead tr th.product-subtotal{padding-left:40px;}
    .cart_table thead tr th.product-price,
    .cart_table tbody tr td.product-price{padding-left:20px;}
    .cart_table tbody tr td.actions .coupon_submit{padding:0 35px;}
    .update_cart{padding:0 35px;}
    .cart_totals table tr th{width:200px;}
    .gmap iframe{height:500px;}
    .icon_box_05.ib5_left .ib5_inner{padding-left:80px;padding-right:10px;}
    .mb45{margin-bottom:20px;}
    .pdb90 .pdl45{padding-left:15px;}
    .icon_box_05{margin-bottom:30px;}
    .formSections{margin-left:0;margin-right:0;}
    .sidebar_2{margin-top:100px;padding-left:120px;padding-right:120px;}
    .sidebar_2.inLeft{margin-top:0;padding-left:120px;padding-right:120px;}
    .sidebar_2 .widget{margin-bottom:80px;}
    .proj_details.rightPos{padding-left:0;margin-top:30px;}
    .relatedArrows{padding-left:0;}
    .proj_details.leftPos{padding-right:0;margin-bottom:50px;}
    .service_details_area{padding-right:0;margin-bottom:60px;}
    .entry_title{font-size:60px;line-height:66px;}
    .offset-2{margin-left:0;}
    .product_decp{padding-left:0;margin-top:50px;}
    .ps_img img{width:100%;height:auto;}
    .dl-menu__wrap ul li{margin-top:0;margin-bottom:5px;}
    .footer__contacts{padding-left:15px;}
    .testimonialSection,
    .testimonialSection2{overflow:hidden;width:100vw;}
    .imgDiv2{width:100%;height:auto;}
}
@media (max-width:767px){.slider_02 .hermes .tp-arr-allwrapper,
.slider_01 .hermes .tp-arr-allwrapper{width:60px;}
    .testimonial_item2:after{display:none;}
    .topbar .col-xl-4{width:50%;float:left;}
    .topbar .col-xl-8{width:50%;float:right;}
    .topbar:before{width:60%;}
    .nav_bar .right_bgs{width:42%;height:100%;}
    .featureSection2{margin-top:-100px;}
    .info_element{display:none;}
    .search_element i{display:none;}
    .search_element input[type="search"]{width:100%;font-size:12px;}
    .logo_02 img{width:100%;height:auto;}
    .header_02 .ind_btn_2{margin:0 -15px 0;display:block;}
    .topbar_left{display:none;}
    .topbar_left .info_element{margin-right:10px;}
    .topbar_02 .social_and_settings{padding-top:30px;}
    .social_and_settings span{float:left;}
    .bigHeading{letter-spacing:0;}
    .icon_box_01{margin-bottom:30px;}
    .abc_left{padding:0 15px;margin-bottom:30px;}
    .aboutCompanys h2{font-size:60px;line-height:65px;}
    .abc_right{padding:0 15px;}
    .ab_btn{left:0;right:auto;}
    .aboutCompanys{padding-bottom:100px;}
    .cta_left h2{font-size:40px;line-height:50px;}
    .text-right.leftInMobile{text-align:left !important;}
    .worksSlider .owl-nav{position:relative;top:auto;}
    .funfactSection .pdl115{padding-left:15px;}
    .funfactSection .mrm110px{margin-right:-15px;}
    .testimonial_item2{padding-right:0;}
    .imgDiv2.blockInMobile img{width:100%;height:auto;}
    .blogItem3{margin-bottom:30px;}
    #backtotop{right:15px;bottom:15px;}
    .footer_02 .widget{margin-bottom:40px;}
    .footer_02 .widget.pdl58, .footer_02 .widget.pdl20{padding-left:0;}
    .mrm15{margin-right:0;}
    .about_us_content{padding-left:0;}
    .sec_title{font-size:50px;line-height:60px;}
    .filterMenu ul li.all{width:100%;text-align:center;}
    .filterMenu ul li{float:left;}
    .emptyStyle.filterMenu ul li{margin-bottom:20px;padding-right:20px;}
    .funfactSection .icon_box_02{padding-right:0;margin-bottom:40px;}
    .serviceSlider .owl-nav{top:-80px;}
    .icon_box_03{padding-left:30px;}
    .whyChooseUsContent{padding-left:0;padding-right:15px;}
    .whyChooseUsContent .sec_title{font-size:50px;line-height:60px;}
    .testimonialSliderHolder{margin-top:50px;}
    .testimonial_item{padding-left:30px;padding-right:20px;}
    .blogItem2,
    .bi_details{padding-left:20px;padding-right:15px;}
    .bi_meta span{margin-right:15px;margin-bottom:15px;}
    .footer_01 .widget{margin-bottom:40px;}
    .pdl65,
    .pdl45{padding-left:15px;}
    .fof_contents{padding-top:30px;}
    .fof_contents h1{font-size:100px;}
    .fof_contents h2{font-size:40px;line-height:44px;}
    .page_banner h2{font-size:50px;line-height:50px;}
    .aboutImg{padding-right:0;}
    .yearsofexp{right:-15px;}
    .aboutImg .i2{margin-left:0;margin-top:-80px;}
    .aboutDescs{padding-left:0;padding-right:15px;}
    .skillHolders{padding-left:0;padding-right:0;}
    .teamslider2 .owl-nav{top:-80px;}
    .cta_left_02{padding-left:0;text-align:center;}
    .cta_left_02 i{position:relative;left:auto;margin-bottom:50px;}
    .pdt29{padding-top:50px;text-align:center !important;}
    .history_box{width:100%;margin-bottom:30px;}
    .featureSlider{margin:0;}
    .woocommerce-shipping-fields{margin-bottom:50px;}
    .woocommerce-checkout-review-order{padding-left:5px;padding-right:10px;}
    .woocommerce-checkout-review-order tbody tr td{font-size:14px;}
    .cart_table tbody tr td.product-thumbnail .thumbimgs{width:60px;height:60px;margin-right:10px;}
    .cart_table tbody tr td.product-thumbnail{width:60px;padding-left:0px;}
    .quantityd{width:60px;height:40px;}
    .quantityd button.qtyBtn{left:7px;}
    .quantityd button.qtyBtn.btnPlus{right:7px;}
    .cart_table tbody tr td.product-title a.itemtitle{font-size:13px;line-height:15px;}
    .cart_table tbody tr td.product-subtotal,
    .cart_table tbody tr td.product-price span.amount{font-size:14px;letter-spacing:0;}
    .cart_table thead tr th.product-subtotal,
    .cart_table tbody tr td.product-subtotal{padding-left:10px;padding-right:10px;}
    .cart_table tbody tr td.product-remove{padding-right:0;}
    .update_cart{float:left;margin-top:10px;width:100%;}
    .cart_table tbody tr td.actions .coupon_submit{width:100%;margin-top:10px;}
    .cart_table tbody tr td.actions .input-text{width:100%;}
    .cart_totals table tr th{width:140px;padding-left:15px;}
    .cart_totals h2{padding-left:15px;}
    .gmap iframe{height:400px;}
    .pdb90 .pdl45{padding-top:50px;}
    .icon_box_05{margin-bottom:30px;}
    .icon_box_05.ib5_left .ib5_inner{padding-left:80px;padding-right:10px;}
    .newsDetails{padding-left:15px;padding-right:15px;}
    .newsDetails h2.ndTitle{font-size:32px;line-height:36px;}
    blockquote{padding-left:15px;padding-right:15px;padding-top:50px;}
    blockquote:after{left:0;right:0;top:15px;margin:0 auto;}
    .ndShare{text-align:left !important;margin-top:35px;}
    .ndShare a:first-of-type{margin-left:0;}
    .ndPaginations:after{display:none;}
    .ndPaginations .col-xl-6{width:50%;}
    .pagin h3{font-size:20px;}
    .pagin strong{font-size:12px;}
    .commentForm,
    .ndAuthorInner{padding-left:15px;padding-right:15px;}
    .ndComment{padding-left:0;}
    .ndComment img{position:relative;margin-bottom:20px;}
    .sidebar_2{margin-top:30px;padding-left:0;padding-right:0;}
    .sidebar_2.inLeft{margin-top:0;padding-left:0;padding-right:0;}
    .sidebar_2 .widget{margin-bottom:20px;}
    .offset-1{margin-left:0;}
    .ind_pagination a, .ind_pagination span{margin-bottom:10px;}
    .folioHover_03 h2{font-size:40px;line-height:50px;}
    .proj_details.rightPos{padding-left:0;}
    .rel_btns{padding-left:0;text-align:center !important;margin-bottom:30px;}
    .relatedArrows{padding-left:0;text-align:center;}
    .pdt25{text-align:center !important;padding-top:50px;}
    .sidebar_1{margin-bottom:50px;}
    .sidebar_1 .widget .widget_title{padding-left:30px;}
    .sidebar_1 .widget ul li{padding-left:30px;padding-right:15px;}
    .hqw_content,
    .allLatestWorks,
    .allBrouchers{padding-left:30px;padding-right:15px;}
    .service_details_area{padding-right:0;margin-bottom:60px;}
    .entry_title{font-size:44px;line-height:50px;}
    .sda_tags .icon_box_04{display:block;margin:0 auto 15px;text-align:center;}
    .results{display:none;}
    .shopAccess{display:block;}
    .sorts select,
    .searchForms2 input{width:100%;}
    .sorts{margin:15px 0;}
    .productSlide .carousel-indicators{left:15px;}
    .ps_img img{width:100%;height:auto;}
    .productSlide .carousel-indicators li{width:85px;}
    .productSlide .carousel-indicators li img{width:100%;height:100%;}
    .product_decp{padding-left:0;margin-top:50px;}
    .pd_rating ,
    .text_meta{margin-bottom:30px;}
    .pd_details_meta .quantityd{height:50px;width:75px;}
    .add_to_car_btn{min-width:175px;}
    .social_shares{margin-top:20px;}
    .offset-2{margin-left:0;}
    .adinfo ul li{width:100%;}
    .relatedNavs{float:left;margin-top:30px;}
    .footer__contacts{text-align:center;padding:0 15px;width:100%;bottom:55px;}
    .footer__contacts li{font-size:13px;margin-bottom:3px;}
    .popUp_social{bottom:10px;left:0;margin:0 auto;text-align:center !important;}
    .popUp_social a{width:35px;height:35px;padding:10px 0;font-size:15px;}
    .video_01 .vp{max-width:100%;width:220px;height:auto;position:absolute;left:0;bottom:0;border:10px solid #FFF;}
    .slider_01 .rev_slider .tp-caption.textRes br{}
    .straceImg, .straceImg2, .video_02, .stretchBGDiv, .imgCarousel, .imgCarousel .carousel-inner, .imgCarousel .carousel-item{min-height:100vw;}
    .testimonialSection, .testimonialSection2{max-width:100vw;overflow:hidden;}
    .tp-caption .ind_btn{position:relative;font-size:14px !important;font-weight:500 !important;text-transform:uppercase;letter-spacing:0;background:transparent;display:inline-block;color:#FFF;height:60px !important;min-width:200px !important;padding:25px 25px !important;text-align:center !important;line-height:.9 !important;margin-bottom:6px !important;}
    .tp-caption.textRes{white-space:normal !important;padding:0 20px;word-break:break-word !important;}
}



*{padding:0; margin:0;}
.bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
}
ul, ol, li, dl {
    list-style-type: none;
}
.box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.box > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
a:link, a:visited {
    text-decoration: none;
}
a {
    text-decoration: none;

}
a:link, a:visited {

    text-decoration: none;
}
a {
    text-decoration: none;

}

.nav4{
    height:45px;
}
.nav4 ul{
    position:fixed;
    z-index:200;
    bottom:0;
    left:0;
    width:100%;
    margin-bottom: 0 !important;
}
.nav4 li{
    border:1px solid rgba(190,190,190,1);
    height:45px;
    border-bottom:0;
    border-right:0;
    position:relative;
    -webkit-box-shadow:inset 0 0 3px #fff;
    float:left;
    width:33.26%;
}
.nav4 li:nth-of-type(1){border-left;0;}
.nav4 li>a{
    font-size:15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /*border:1px solid #f9f8f9;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-bottom:0;
    display:block;
    line-height:45px;
    text-align:center;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );
}
.nav4 li>a:only-child span{
    background:none;
    padding-left:0;
}
.nav4 li>a.on + dl{
    display: block;
}
.nav4 li>a span{
    color: #4f4d4f;
    display: inline-block;
    padding-left: 15px;
    background: url(../images/fx.png) no-repeat 4px 18px;
    -webkit-background-size: 9px auto;
    text-shadow:0px 1px 0px #ffffff;
}
.nav4 li span img{
    width:20px ;
    margin-left:auto;
    margin-right:auto;
}
/***********************/
.nav4 dl{
    display:none;
    position:absolute;
    z-index:220;
    bottom:60px;
    left:50%;
    width:100px;
    margin-left:-50px;
    background:red;
    /*min-height:100px;*/
    background:#e4e3e2;
    /*border:1px solid #afaeaf;*/
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 3px #fff;
    background:url(imgs/2.svg#3) no-repeat center center;
    -webkit-background-size:100%;
    background-size:100%;
}
/*, .nav4 dl:after*/
.nav4 dl:before{
    content:"";
    display:inline-block;
    position:absolute;
    z-index:240;
    bottom:0;
    left:50%;
    /*width:0;
    height:0;
    border:8px solid red;
    border-color:#afaeaf transparent transparent transparent;
    margin-left:-8px;
    margin-bottom:-16px;*/
    width:10px;
    height:8px;
    background: url(imgs/1.svg#2) no-repeat center -55px;
    -webkit-background-size: 10px auto;
    bottom: -7px;
    margin-left: -5px;
}
/*.nav4 dl:after{
	z-index:241;
	border-color:#e4e3e2 transparent transparent transparent;
	margin-bottom:-15px;
}*/
.nav4 dl dd{
    line-height:45px;
    text-align:center;
    background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8)));
    background-size:80% 1px;
    background-repeat:no-repeat;
    background-position: center bottom;
    /*background: url(imgs/3.svg#4) no-repeat center bottom;
    -webkit-background-size:100px 1px;*/
}
.nav4 dl dd:last-of-type{
    background:none;
}
.nav4 dl dd a{
    font-size: 15px;
    display:block;
    color:#4f4d4f;
    text-shadow:0px 1px 0px #ffffff;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav4 .masklayer_div{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 180;
    background: rgba(0,0,0,0);
}
.nav4 .masklayer_div.on{display: block;}

.nav4{
    display: none;
}
@media(max-width: 991px){
    .nav4{
        display: block;
    }
}