﻿body{background-color:#FFF}
.dnav>li.active,.dnav>li.rounded:hover{background:#EEE;border-radius:3px}
#dcarouselhed{overflow:hidden}
#SanPham a.nav-link{color:#999}
#SanPham a.active{color:#495057}
.doln>em{border-radius:100%;font:bold 24px/30px Roboto;border:solid 1px #EEE;list-style:none;font-style:normal;padding:8px;background:#EEE;color:RED}
.dlogo{background:#FFF}
.dlogo.dw {background: #007bff;padding: 10px;border: none;border-radius: 5px}
.dlogo:hover{text-decoration:none}
.dlogo>img{width:200px;height:auto}
.dmain{height:62px}
.dbox h1{font:38px/54px RobotoCondensedBold;color:#034ea2;margin:0 auto}
.dbox h2{font:32px/50px RobotoCondensedBold;color:#034ea2;margin:0 auto}
.dbox h3{font:34px/46px RobotoCondensedBold;color:#034ea2;margin:0 auto}
.dbox h4{font:20px/30px RobotoCondensedBold}
.dbox h4>a{color:#034ea2}
.dbox h4>a:hover{text-decoration:none}
.dbox p.lead{font:18px/26px Roboto}
.dbox p.text-muted{font:16px/24px Roboto}
#carousel-doi-tac img{background:#FFF;padding:8px;border-radius:3px;max-height:104px}
#KhachHang{height:180px}
.dfunc i.fa{font-size:40px}
.dbg{background:url(bg2.png) no-repeat center #0d4e96;background-size:cover}
.dbg h5{font:bold 18px/28px Roboto;color:#FFF;margin:5px auto}
.breadcrumb{padding:3px}
.breadcrumb h1{font-size:100%;color:#123433;padding:2px 0 0 0}
.dkh{cursor:pointer}
.dkh:hover{transform:scale(1.05)}
.dfooter h5{font:18px/26px RobotoCondensedBold}
.dfooter p.text-muted{font:14px/20px Roboto}
.back-to-top{position:fixed;bottom:80px;right:15px;display:none}
#particles-js{width:100%;height:100%;background-color:#0d4e96;background-image:url('bg2.png');background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
#particles-js>div{position:absolute;width:95% !important}
#particles-js>canvas{height:800px !important}
#device_mockup select{width:300px;margin:0 auto}
.mockup-wrapper{perspective:590px;overflow:hidden}
.inner-wrapper{height:648px;position:relative}
.desktop-wrapper{width:703px;height:576px;background:url(img/21-lion.png) no-repeat;position:absolute;left:190px;cursor:move}
.desktop-inner{width:601px;height:343px;margin-left:48px;margin-top:36px;position:relative;overflow:hidden}
.mac-wrapper{width:650px;height:406px;background:url(img/macbook.png) no-repeat;position:absolute;left:673px;top:230px;cursor:move;background-size:contain}
.mac-inner{width:484px;height:302px;margin-left:83px;margin-top:28px;position:relative;overflow:hidden}
.ipad-wrapper{width:250px;height:353px;position:absolute;left:60px;top:250px;background-image:url(img/ipad.png);background-size:cover;background-repeat:no-repeat;background-position:bottom;cursor:move}
.ipad-inner{width:217px;height:290px;margin-left:17px;margin-top:33px;position:relative;z-index:1;overflow:hidden}
.iphone-wrapper{width:120px;height:240px;left:220px;top:370px;position:absolute;background-image:url(img/iphonex.png);background-repeat:no-repeat;background-position:bottom;background-size:cover;z-index:2;cursor:move;transform-origin:top left}
.iphone-notch{position:absolute;width:61px;height:10px;left:30px;top:6px;background-image:url(img/iphonexnotch.png);background-repeat:no-repeat;background-position:bottom;z-index:4;cursor:move}
.iphone-inner{width:104px;height:214px;border-radius:0 0 13px 13px;margin-left:8px;margin-top:18px;position:relative;z-index:3;overflow:hidden}
#frame{width:1521px;height:862px;position:relative;left:0;top:0}
#frame{-ms-zoom:0.7;-moz-transform:scale(0.4);-moz-transform-origin:0;-o-transform:scale(0.4);-o-transform-origin:0;-webkit-transform:scale(0.4);-webkit-transform-origin:0 0}
#frame_mac{width:1244px;height:776px;position:relative}
#frame_mac{-ms-zoom:0.7;-moz-transform:scale(0.4);-moz-transform-origin:0;-o-transform:scale(0.4);-o-transform-origin:0;-webkit-transform:scale(0.4);-webkit-transform-origin:0 0}
#frame_ipad{width:1105px;height:1444px;position:relative;left:0;top:0}
#frame_ipad{-ms-zoom:0.7;-moz-transform:scale(0.2);-moz-transform-origin:0;-o-transform:scale(0.2);-o-transform-origin:0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0}
#frame_iphone5{width:540px;height:1136px;position:relative;left:0;top:0}
#frame_iphone5{-ms-zoom:0.7;-moz-transform:scale(0.2);-moz-transform-origin:0;-o-transform:scale(0.2);-o-transform-origin:0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0}
.inner-wrapper{padding:10px 0}
.mul2r .inner-wrapper{transform:rotateY(-10deg) scale(0.7,0.7);margin-left:-50px}
.mur2l .inner-wrapper{transform:rotateY(10deg) scale(0.7,0.7);margin-left:50px}
.mufrt .inner-wrapper{transform:rotateY(0) scale(0.7,0.7);margin:0 auto}
.ipad-wrapper{left:0}
.desktop-wrapper{transform:scale(1.2,1.2)}
.iphone-inner{height:226px;margin-top:6px;border-radius:13px}
.mac-wrapper{left:700px}
#dmore{text-align:center;margin:10px auto}
#dmore>a{font-weight:bold}
/*detail*/
.dbodypc h1.pTitle:first-child,.dbodypc .pHead,.dbodypc .pAuthor{display:block}
#dcontent{padding:10px 50px}
#dcontent h1.pTitle{font:bold 2.4em/1.2 RobotoCondensedBold;color:#000;text-align:center;letter-spacing:-1px;margin:10px 0;display:block}
#dcontent .pHead{font:normal 1.4em/1.2 Roboto;color:#888;text-align:justify;border:none;display:block}
#dcontent .posted{text-align:right;color:#677;border-bottom:solid 1px #DDD;padding-bottom:10px;font-style:italic;margin-bottom:10px}
#dcontent .pAuthor,#dcontent .pSource{font:normal 1em/1.2 Roboto;color:#666;text-align:right;display:block}
#dcontent .pBody{font:normal 1.3em/1.5 Roboto;color:#444;text-align:justify}
#dcontent ul.lienquan{display:none}
#dcontent .pCenter{text-align:center}
#dcontent img.iCenter{margin-right:auto;margin-left:auto;display:block}
#dcontent .pInterTitle{font:bold 1.5em/1.5 RobotoCondensedBold;color:#444;text-align:left}
#dcontent .pCaption{font:normal 1.1em/1.3 Roboto;color:#666;text-align:center;margin:2px 8px 8px;background:transparent}
#dcontent .iCaption{display:block}
#dcontent img{border:none;border-radius:3px;margin:10px auto;max-width:100%}
#dcontent .djaudio{background:linear-gradient(135deg,#007bff 0,#333 100%);border:solid 1px #CCC;border-radius:2px !important}
#dcontent .djaudio .aud-btn,.djaudio .next svg, .djaudio .pause svg, .djaudio .play svg, .djaudio .prev svg{width:40px;height:40px}
#dcontent .djaudio .dt-graph{height:40px}
#dcontent .djaudio .aud-btn.baonoi{width:95px !important}
.dtags{border:solid 1px #EEE;border-radius:3px;padding-top:13px}
.dtags a{color:#666;margin:10px;padding:1px;font-weight:bold;border-bottom:solid 1px #CCC;line-height:30px}
.dtags a:hover{color:RED}

ul.ufoot{margin:10px 5px;list-style:none}
ul.ufoot>li{list-style:none;padding:2px 5px;text-align:left}
ul.ufoot>li>a{color:#EEE}
.bct{text-align: center;margin-top:10px}
.bct img{width:100%;height:auto;max-width:150px}
/*DETAIL ===========================================*/
#dcomment{padding: 10px 50px}
.cmm{padding:10px}
.cmm .cmtit>a{color:#666;margin:10px;padding:1px;font-weight:bold;border-bottom:solid 1px #CCC;line-height:30px}
.cmm .cmtit>a:hover{color:RED}
.box_cm{border:1px solid #ddd}
.head_boxcm{padding:5px;border-bottom:1px solid #ddd}
.numer_cm{margin:6px 10px}
.slt_cm{border-radius:4px;background:#e2e2e2;border:none;padding:7px 10px;margin-left:10px;min-width:130px}
.note_cm{font-style:italic;color:#666;font-size:14px}
.submit_cm{background:#5e92ce;padding:4px 10px;font-weight:bold;text-transform:uppercase;color:#fff;font-size:11px;cursor:pointer}
.submit_cm:hover{background:#003d83}
.show_cm .txt_cm{min-height:40px}
.txt_cm{background:#f3f3f3;border:1px solid #ddd;min-width:100%;max-width:100%;margin-bottom:5px;padding:10px;min-height:100px}
.date_cm{font-size:13px;color:#a8a8a8}
.info_cm{margin:7px 0 10px;font-size:13px}
.option_cm{line-height:12px;color:#666}
.item_option_cm{color:#2c679f;font-size:11px;text-transform:uppercase;margin:0 5px}
.item_option_cm:first-child{margin-left:0}
#tempcomment,#tempreplybox,#tempreplylist,#boxComment{display:none}
.content_cm{padding:15px}
.content_cm .user_cm{margin:3px 0;padding:3px;height:20px}
.content_cm .user_cm>p:first-child{float:left}
.content_cm .user_cm>p:last-child{float:right;margin-right:1px;border:solid 1px #999;padding:2px;border-radius:5px;background:#FFF}
.content_cm .user_cm>p:last-child a{color:#666;font-size:13px}
.content_cm .user_cm>p:last-child a:hover{color:#ED1B2F}
.form_cm{margin-top:10px}
.form_cm .txt_cm{border:1px solid #ddd}
.show_sub_cm{border-top:1px dotted #ccc;padding-top:10px}
.replybox{margin-left:20px}
.replybox .txt_cm,.replybox input[name=name],.replybox input[name=email]{background:#FFF !important}
.show_cm{border-bottom:1px solid #ddd;padding:3px 3px 10px 3px;margin-bottom:10px;background:#FAFAFA}
.show_cm>.replylist{display:none;margin-left:20px;background:#FFF;font-size:90%;border-bottom:1px dashed #ddd !important}
.show_cm>.replylist .rcmore{text-align:center;margin:8px auto;padding:5px}
.show_cm>.replylist .rcmore a{padding:3px 5px;color:#b80e21;border:1px solid #b80e21;border-radius:5px}
.show_cm:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.show_sub_cm{margin-left:40px;margin-top:10px}
.paging_cm{text-align:center;margin-bottom:10px;border-top:1px solid #ddd;padding-top:10px}
.paging_cm a{border:1px solid #ddd;display:inline-block;margin:3px;padding:3px 10px}
/*---------------------------------------*/
#featured h1{color:#000;font-size:30px;line-height:35px;margin:10px 2px}
#featured h2{line-height:25px;margin:10px 2px}
#featured h2 a{color:#444;font-size:24px}
/*---------------------------------------*/
.dslider{margin:0;padding:0;width:100%;background:#FAFAFA}
.dslider a{color:#000}
.dslider ul{padding:5px 0;border-radius:2px}
.dslider ul,.dslider ul>li{list-style:none}
.dslider ul>li{width:230px;float:left}
.dslider ul>li article{-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}
.dslider .swiper-button-prev,.dslider .swiper-button-next {background:white;opacity:0.8;top:87px;width:45px}
.dslider .swiper-button-prev{left:0}
.dslider .swiper-button-next{right:0}
.dslider .swiper-button-prev::before, .dslider .swiper-button-next::before {font-family:FontAwesome !important;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height: 1;-webkit-font-smoothing:antialiased;font-weight: bold;font-size:25px;position:absolute;top:10px}
.dslider .swiper-button-prev::before{content:'\f053';left:8px}
.dslider .swiper-button-next::before{content:'\f054';right:8px}
/*share ---------------------------------*/
.dmntop{display:none;background:#F7F7F7;border-bottom:solid 1px #EEE;border-top:solid 1px #EEE;padding:8px 10px 5px}
.dmntop>a{color:#0d4675;margin:10px}
.dmntop>div{float:right;margin:-3px 10px 0}
.dmntop>div>a{border-radius:100%;padding:4px 4px 4px 7px;width:32px;height:32px;display:block;float:left;margin-left:5px;text-align:center}
.dmntop>div>a,.btnFacebook,.btnZalo{color:#FFF}
.btnFacebook,.btnZalo{width:100%;display:block;height:35px;border-radius:3px;padding:6px 0 0;margin:0;font-size:14px}
.btnFacebook>i,.btnZalo>i{font-weight:bold}
.dgshare .col-6:first-child{padding-right:5px}
.dgshare .col-6:last-child{padding-left:5px}
.dmntop>div>a.zalo,.btnZalo{background:#018fe5}
.dmntop>div>a.facebook,.btnFacebook{background:#306199}
.dmntop>div>a.rss{background:#EEE;color:#666}
/*comment detail ------------------------*/
.zaloicon{background:url(img/zalo.png) no-repeat 50% 50%;width:17px;height:17px;background-size:contain;display:inline-block;position:relative;top:3px}
.dgcomm h2>a{color:#000;font:20px/30px RobotoCondensedBold}
.btncomment{margin:5px auto;text-align:center}
.btncomment button{background:#EEE;text-align:center;width:100%}
#dncomment .modal-header,#dncomment .modal-body{padding:10px}
#dncomment .form-group{margin-bottom:10px}
.commentbox{padding:0 0 8px;margin:0;font-size:13px;font-weight:bold}
.commentbox .spLoading{text-align:center;color:red;margin:10px auto}
.commentbox div.hed{line-height:30px;height:30px;padding:0 5px 0 0;margin-bottom:0;font-family:'Segoe UI','HelveticaNeue',Arial,Helvetica,sans-serif;font-size:14px}
.commentbox div.hed h1{height:30px;margin-right:5px;text-transform:uppercase;font-weight:bold}
.commentbox .form{padding:0}
.commentbox .form p{width:100%;padding:10px 15px}
.commentbox .form p.author{border-right:1px solid #EEE}
.commentbox .form p.content{border:0;position:relative}
.commentbox .form p.content label{width:auto;display:block;text-align:left;margin-bottom:0}
.commentbox .form p.content label strong{color:#009CCE}
.commentbox .form p.content .btnLabanKey{display:block;position:absolute;right:10px;top:10px;font-size:12px;font-weight:bold;color:#0099cc;text-decoration:underline;padding-left:30px;background-size:32px}
.commentbox .form p.content .avatar{width:30px;height:30px;vertical-align:middle;margin-right:10px}
.commentbox .form label{display:inline-block;text-transform:uppercase;color:#555;margin-right:10px;font-size:13px}
.commentbox .form textarea,.commentbox>form input{width:70%;border:1px solid #aaa;border-radius:3px;padding:5px 5px;display:inline-block;font-family:Arial,Helvetica,sans-serif}
.commentbox .form textarea{width:100%;height:100px;margin-top:0}
.commentbox .form .note{display:block;float:none;width:100%;margin-top:10px;padding:10px;margin-bottom:10px;line-height:15px}
.commentbox .form .note span{display:inline-block;margin:0 10px;opacity:0.5;line-height:15px}
.commentbox .form .note span:before{content:' ';background:#ccc;color:#fff;text-align:center;display:inline-block;width:8px;height:8px;line-height:15px;margin-right:5px}
.commentbox .form .note span.ok{opacity:1;font-weight:bold;color:#4B9100}
.commentbox .form .note span.ok:before{content:' ';background:#4B9100;color:#fff;text-align:center;display:inline-block;width:8px;height:8px;line-height:15px;margin-right:5px}
.commentbox .form .note span.fail{color:#f00;opacity:1}
.commentbox .form .note span.fail:before{content:' ';font-weight:bold;font-size:12px;background:#f00;color:#fff;text-align:center;display:inline-block;width:8px;height:8px;line-height:15px;margin-right:5px}
.commentbox .form .info.warning{color:#f00;background:#FFFDC7}
.commentbox .form .btnSubmit{font-size:14px;display:block;border:1px solid #aaa;border-radius:5px;box-shadow:0 2px 0 #f7f7f7;padding:5px 10px;margin:8px auto 20px;text-align:center;width:120px;color:#000;cursor:pointer;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));background:-moz-linear-gradient(top,#fff,#f5f5f5);background:-ms-linear-gradient(top,#fff,#f5f5f5);background:-o-linear-gradient(top,#fff,#f5f5f5);background:linear-gradient(top,#fff,#f5f5f5)}
.commentbox .form .btnSubmit.disabled{opacity:0.8}
.commentbox .comments{margin:1px 0;list-style:none;padding:0 0 0 10px}
.commentbox .comments li{list-style:none;width:100%;position:relative;margin:5px 0;padding:5px 0;font-size:1em;line-height:1.4;color:#555;border-top:solid 1px #EEE}
.commentbox .comments li:before{width:10px;height:7px;position:absolute;left:0;top:8px;font-size:15px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.commentbox .comments li.odd{background:#FAFAFA}
.commentbox .comments li:hover{background:#FEFEFE}
.commentbox .comments li.preview{background:#fcfcfc;padding-bottom:8px;margin-bottom:10px}
.commentbox .comments li.preview:after{content:'Bình luận đang chờ duyệt';display:inline-block;margin:8px 0;text-transform:uppercase;font-size:11px;font-weight:bold;color:#888;background:#FFFCB6;padding:4px 10px 2px}
.commentbox .comments li .meta{display:block;position:relative;text-align:left;font:11px/20px Arial;color:#888;margin-bottom:8px}
.commentbox .comments li .meta>i{font-size:22px}
.commentbox .comments li .meta span{text-transform:uppercase;color:#234;margin:0 6px;font-weight:bold;padding-left:5px}
.commentbox .comments li .meta span.time{color:#858585;font-size:11px;font-weight:normal}
.commentbox .comments li.noavatar .meta:before{content:'';display:inline-block;width:20px;height:20px;border-radius:10px;border:1px solid #ccc;background:#fff;margin-right:10px;position:relative;top:7px}
.commentbox .comments li .meta img.avatar{width:30px;height:30px;border-radius:30px;vertical-align:middle;position:relative;left:-3px;margin-right:3px}
.commentbox .comments li .comment-content{font:normal 1.1em/1.4 Arial;color:#333;padding-left:0}
.commentbox .comments li .comment-quote{margin:20px 0 20px 25px;font-size:12px;border-left:2px solid #ccc;padding:10px 21px 15px;background:#f7f7f7;display:none}
.commentbox .comments li .comment-quote .meta{left:0;margin-bottom:0;text-transform:uppercase}
.commentbox .btnMore{border-top:solid 1px #EEE;font-family:'Roboto Condensed',sans-serif;text-align:center;margin:20px auto;padding-top:13px}
.commentbox .btnMore a{color:#D72027;padding:5px 10px;border-radius:5px;border:solid 1px #DDD;cursor:pointer}
.commentbox .btnMore a:hover{}
.commentbox .reply{float:right}
.commentbox .reply a{color:#D72027;padding:4px;border-radius:3px;border:solid 1px #CCC;cursor:pointer}
.commentbox .btnMore a:hover{}
#ctxtName,#ctxtEmail{width:100%;margin:5px 0}
.replylist{margin-left:5px}
.replylist .meta:before{content:'+'}
.replylist .comment-content{margin-left:20px;font-size:90% !important;border-top:solid 1px #EEE}
.replylist .meta span{padding-left:5px !important}
/*-----------------------------------------------------------*/
.fsearch{margin:0 auto;text-align:center;width:80%}
.fsearch>input[type='text']{float:left;width:80%}
.fsearch>div{float:left;width:18%;margin-left:1%}
.fsearch>div>button{}
/*-----------------------------------------------------------*/
@media (min-width:768px) and (max-width:991px){
    /* Show 4th slide on md if col-md-4*/  .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item{position:absolute;top:0;right:-33.3333%;/*change this with javascript in the future*/   z-index:-1;display:block;visibility:visible}
}
@media (min-width:576px) and (max-width:768px){
    /* Show 3rd slide on sm if col-sm-6*/  .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item{position:absolute;top:0;right:-50%;/*change this with javascript in the future*/   z-index:-1;display:block;visibility:visible}
}
@media (min-width:576px){
    .carousel-item{margin-right:0}
    /* show 2 items */  .carousel-inner .active + .carousel-item{display:block}
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item{transition:none}
    .carousel-inner .carousel-item-next{position:relative;transform:translate3d(0,0,0)}
    /* left or forward direction */  .active.carousel-item-left + .carousel-item-next.carousel-item-left,.carousel-item-next.carousel-item-left + .carousel-item,.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}
    /* farthest right hidden item must be also positioned for animations */  .carousel-inner .carousel-item-prev.carousel-item-right{position:absolute;top:0;left:0;z-index:-1;display:block;visibility:visible}
    /* right or prev direction */  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,.carousel-item-prev.carousel-item-right + .carousel-item,.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item{position:relative;transform:translate3d(100%,0,0);visibility:visible;display:block}
}
@media (max-width:576px){
    #GiaiPhap h1{display:none}
    #dcontent h1.pTitle{font-size:1.5em}
    #dcontent .pHead{font-size:1.2em;color:#666}
    #dcontent .pBody{font-size:1.1em}
    #dcontent .pInterTitle{font-size:1.2em}
    .dtags a{border:none;background:none;margin:1px}
    .dbg{padding-bottom:15px}
    #SanPham{margin-top:0 !important}
    #KhachHang .carousel-control-prev{left:-10px}
    #KhachHang .carousel-control-next{right:-10px}
    #dcontent{padding:10px 5px}
    #dcontent img{max-width:100% !important;height:auto !important}
    #particles-js{height:400px}
    ul.ufoot{margin:10px 0;list-style:none;padding:0}
    ul.ufoot>li{list-style:none;padding:0 5px;text-align:left;float:left;border-right:solid 1px #555}
    ul.ufoot>li>a{padding-right:3px;font-size:13px}
    ul.ufoot>li:last-child{border-right:none}
    #dcomment{padding:10px 0}
    #dcomment .cmm{padding:0}
}
/* MD */
@media (min-width:768px) and (max-width:1023px){
    .mac-wrapper{display:none}
    .mul2r .inner-wrapper{margin-left:-135px}
    .mur2l .inner-wrapper{margin-left:-65px}
    .mufrt .inner-wrapper{margin-left:-80px}
}
@media (min-width:768px){/* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item{display:block}
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item{transition:none}
    .carousel-inner .carousel-item-next{position:relative;transform:translate3d(0,0,0)}
    /* left or forward direction */  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}
    /* right or prev direction */  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item{position:relative;transform:translate3d(100%,0,0);visibility:visible;display:block}
}
@media (min-width:991px) and (max-width:1365px){
    .mockup-wrapper{margin:0 auto}
    .mac-wrapper{left:600px}
    .mul2r .inner-wrapper{margin-left:-142px;width:100%}
}
@media (min-width:991px){
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item{display:block}
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item{transition:none}
    /* Show 5th slide on lg if col-lg-3 */  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item{position:absolute;top:0;right:-25%;/*change this with javascript in the future*/   z-index:-1;display:block;visibility:visible}
    /* left or forward direction */  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item{position:relative;transform:translate3d(-100%,0,0);visibility:visible}
    /* right or prev direction //t - previous slide direction last item animation fix */  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item{position:relative;transform:translate3d(100%,0,0);visibility:visible;display:block}
}
@media (min-width:1200px){
    .mockup-wrapper{width:1200px !important;margin:0 auto}
}
@media (min-width:1366px){
    .mur2l .inner-wrapper{margin-left:100px}
}