body,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p,pre,form,button,input,textarea,th,td{margin:0;padding:0;}

h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,tahoma,\5b8b\4f53;}
em,i{font-style:normal;}
form{display:inline;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.hidden{display:none}
a{text-decoration: none;}


html,body{width: 100%;height: 100%;}
body{min-width: 1100px}
.main{background: url(../images/main.jpg) no-repeat center top;height:1996px;width: 100%;overflow:hidden;position: relative;}
.main.free{background: url(../images/miandan.jpg) no-repeat center top;height: 1670px;overflow-x:hidden }
.main.chris{background: url(../images/chris.jpg) no-repeat center top;height: 1250px;overflow-x:hidden }
.main.mystic{background: url(../images/mystic.jpg) no-repeat center top;height: 1380px;overflow-x:hidden }
.main.fifth{background: url(../images/fifthBg.jpg) no-repeat center top;height: 1080px;overflow-x:hidden }
.i-item-first,.i-item-second,.i-item-third,.i-item-fouth,.i-item-fifth,.i-item-line,.has-begain,.not-begain,.lott-prizelist li,.lott-wrap .btn-lott{background: url(../images/sprite.png) no-repeat;display: inline-block;*display:inline;zoom: 1}


.g-container{margin: 0 auto;text-align: center;width: 1058px;text-align: center;}

.top{height: 80px;width: 100%;background: #252c35;position: relative;top: 0px;z-index: 200;overflow: hidden;}
.top li,.i-item-line{float: left;position: relative}
.top li a{width: 210px;height: 80px;display: block;}
.i-item-line{height:80px;width:2px;background-position:0 0;}
.i-item-first{background-position:0 -747px;}
.i-item-first:hover{background-position:0 -427px;}
.i-item-first.active{background-position:0 -907px;}
.i-item-second{background-position:0 -827px;}
.i-item-second:hover{background-position:0 -987px;}
.i-item-second.active{background-position:0 -1227px;}
.i-item-third{background-position:0 -1147px;}
.i-item-third:hover{background-position:0 -1307px;}
.i-item-third.active{background-position:0 -1067px;}
.i-item-fouth{background-position:0 -347px;}
.i-item-fouth:hover{background-position:0 -667px;}
.i-item-fouth.active{background-position:0 -267px;}
.i-item-fifth{background-position:0 -187px;}
.i-item-fifth:hover{background-position:0 -587px;}
.i-item-fifth.active{background-position:0 -507px;}

.has-begain,.not-begain{position: absolute;right: 0px;top: -2px}
.has-begain{height:53px;width:54px;background-position:1px -80px;}
.not-begain{height:54px;width:55px;background-position:2px -133px;}

.sec{padding-top: 432px;font-size: 15px;color: #fff;position: relative;}
.main.chris .sec{padding-top: 402px}
.sec a{color: #ffcd4e;position: relative;z-index: 101;}

.act-txt{background: url(../images/act-txt-bg.png) no-repeat;width: 1207px;height: 84px;margin-top: 54px;line-height:32px;padding-top: 20px;position: relative;z-index: 100;margin-left: -50px}
.act-txt-cont{width: 750px;display: inline-block;*display:inline;zoom: 1}
.t-yellow{color: #ffb400}
.t-purple{color: #ca8bff}
.t-small{font-size: 17px}
.t-small2{font-size: 12px;line-height: 20px;margin-top: 10px}
.t-yellow2{color: #ffe9a4}

.act-txt.no-bg{background: none;font-size: 21px;padding-top: 0;margin: -70px 0 0 -60px}
.act-txt.no-bg .act-txt-cont{width: 586px}

.side-bar{position: absolute;right: 22%;top: 98px;color: #fff;font-size: 12px}

.main.chris .act-txt.no-bg{margin-top: 10px}
.main.chris .act-txt.no-bg .act-txt-cont{width: 732px}

.main.mystic .act-txt.no-bg{margin-top: 90px}
.main.mystic .act-txt.no-bg .act-txt-cont{width: 664px}

.sec-logo{background: url(../images/sec-logo.png) no-repeat center top;width: 780px;height: 330px;position: absolute;left: 29%;top: 60px;z-index: 1}

.sec-float{background: url(../images/sec-float.png) no-repeat center top;width: 1665px;height: 599px;position: absolute;left: 4%;top: 40px;z-index: 1}

.lott-wrap{position: relative;text-align: center;background: url(../images/lott.png) no-repeat;width: 1056px;height: 609px;margin: 290px auto 50px}
.lott-wrap .btn-lott{height:190px;width:234px;background-position:0 -1767px;cursor: pointer;display: inline-block;margin: 210px 0 0 -8px;*display:inline;zoom: 1;*margin-left:-276px}
.lott-wrap .btn-lott:hover{background-position:0 -1957px;}
.lott-wrap .btn-lott .lott-time{padding-top: 116px;text-align: center;width: 100%;color: #890c0a;font-size: 24px;}
.lott-wrap .lott-prizelist{position: relative;left: 12px;top: 11px}
.lott-prizelist li{height:190px;width:232px;background-position:0 -1387px;position: absolute;text-align: center}

.lott-wrap .prize-name{width: 100%;bottom: 10px;left: 0;line-height: 22px;font-size: 14px;color: #fff1e7;position: absolute;text-align: center;}
.lott-prizelist li.active{background-position:0 -1577px;}
.lott-wrap .pos-1{top: 0;left: -1px;}
.lott-wrap .pos-2{top: 0;left: 241px;}
.lott-wrap .pos-3{top: 0;left: 482px;}
.lott-wrap .pos-4{top: 199px;left: 482px;}
.lott-wrap .pos-5{top: 398px;left: 482px;}
.lott-wrap .pos-6{top: 398px;left: 241px;}
.lott-wrap .pos-7{top: 398px;left:-1px;}
.lott-wrap .pos-8{top: 199px;left: -1px;}
.lott-prizelist li p{margin-top: 6px;font-size: 28px;color: #fdecaf}

.lott-wrap .pos-1 img{margin-top: 3px;}
.lott-wrap .pos-2 img{margin-top: 38px;}
.lott-wrap .pos-2 p{margin-top: 17px;}
.lott-wrap .pos-3 img{margin-top: 3px;}
.lott-wrap .pos-4 img{margin-top: 38px;}
.lott-wrap .pos-4 p{margin-top: 17px;}

.lott-wrap .pos-6 img{margin-top: 19px;}
.lott-wrap .pos-6 p{margin-top: 2px;}
.lott-wrap .pos-8 img{margin-top: 6px;}
.lott-wrap .pos-7 img{margin-top: 15px;}
.lott-wrap .pos-7 p{margin-top: -4px;}
.lott-wrap .pos-8 p{margin-top: 72px;}

.side{width: 310px;height: 608px;float: right;margin-top: 6px;*margin-top: -394px;*margin-right:6px}
.myhistory{display: block; margin: 43px 0 42px 165px ;  color: #800300;}
.myhistory:hover{color: #d00500;}

.side-list{margin-left: 30px;width: 270px;overflow: hidden;text-align: center;height: 415px}

.side-list li{width: 100%;height: 32px;line-height: 32px;text-align: left}
.side-list li span{font-size: 14px;color: #7a361a;}
.s-name,.s-hb{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;*display:inline;zoom: 1;vertical-align: middle}
.s-name{width: 164px;}
.side-list li .s-hb{width: 92px;color:#dc0014}



.actRule{margin-top:166px; font-size: 16px;color: #ffc889}
.main.free .actRule{margin:160px 0 0 200px;}
.actRule-cont{text-align: left;}
.actRule-cont p{line-height: 32px}


.pay-cont{width: 650px;height: 700px;text-align: center;margin: 26px auto 0;position: relative}
.p-btn{width: 148px;height: 148px;background: url(../images/payBtn.png) no-repeat;background-position:0 0;display: inline-block;*display:inline;zoom:1;margin: 135px 0 0 -214px;*margin-left:-180px}
.p-btn:hover{background-position:0 -148px;}
.p-mydd{position: absolute;font-size: 14px;color: #ffeecb;top: 136px;right: 136px}
.p-mydd:hover{color: #b69961}

.sec .c-btn,.proportion,.d-btn{background: url(../images/payBtn.png) no-repeat;background-position:0 -312px;display: inline-block;*display:inline;zoom:1;width: 302px;height: 106px;margin-top: 48px;text-align: center;line-height: 106px;color: #902e29;font-size: 38px;padding-left: 40px}
.sec .c-btn:hover{background-position:0 -423px;}

.sec .d-btn{background-position:0 -691px;width: 297px;height: 75px;line-height: 75px;color: #8b3020;font-size: 34px;padding-left: 0;margin-top: 24px}
.sec .d-btn:hover{background-position:0 -782px;}
.sec-txt{font-size: 56px;color: #fff}
.proportion{width: 115px;height: 115px;margin: 0 15px;background-position:0 -544px;vertical-align: middle;padding-left: 0}

.p-order{width: 468px;height: 260px;text-align: center;margin: 45px 0 0 -16px;*margin-left:-212px;*margin-top:48px}
.p-order-head{color: #fff;font-size: 20px;height: 40px;width: 100%;text-align: center;display: block;line-height: 40px}
.head-left,.head-right{height: 24px;width: 24px;background: url(../images/jt.png) no-repeat;display: inline-block;*display:inline;zoom: 1;margin-top: 9px;}
.head-left{float: left;background-position: -19px -22px;margin-left: 7px}
.head-left:hover{background-position: -19px -56px;}
.head-right{float: right;background-position: -64px -22px;margin-right: 2px}
.head-right:hover{background-position: -64px -56px;}

.p-order-cont{width: 418px;height: 198px;padding: 10px 25px;overflow: hidden;}
.p-order-cont li{width: 49.7%;float: left;height: 20px;line-height: 20px;font-size: 14px;color: #ffe29f;margin-top: 25px;padding-left: 0.3%;}
.p-order-cont li:first-child+li,.p-order-cont li:first-child+li+li+li,.p-order-cont li:first-child+li+li+li+li+li,.p-order-cont li:first-child+li+li+li+li+li+li+li{width: 43%;padding-left: 7%}
.p-order-cont li:first-child+li .p-num,.p-order-cont li:first-child+li+li+li .p-num,.p-order-cont li:first-child+li+li+li+li+li .p-num,.p-order-cont li:first-child+li+li+li+li+li+li+li .p-num{width: 49%}

.p-name,.p-num{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;*display:inline;zoom: 1;}
.p-num{float: left;text-align: right;width: 37%}
.p-name{width: 50%;text-align: left;float: left}

.act-before-txt{font-size: 34px;color: #fff}
.countdown{margin-top: 24px;width: 796px;display: inline-block;*display:inline;zoom: 1}
.countdown .days,.countdown .hours,.countdown .minutes,.countdown .seconds{color: #ffe9a4}
.countdown li{float: left;}
.countdown li span{display: inline-block;*display:inline;zoom: 1;font-size: 80px;color: #fff}

.bottom{width: 562px;height: 296px;margin: 204px auto 0;}
.bottom li{float: left;text-align: center;height: 56px;line-height: 56px;width: 50%;color: #ffd270;font-size: 20px}
.bottom li:first-child{text-align: left;padding-left: 17.8%;width: 32.2%}
.bottom p{color: #fff;position: relative;top: 34px}

.header{height: 40px;background: #fbfbfb;border: 1px solid #d5d5d5;overflow: hidden;}
.h-wrap{width: 1000px;margin: 0 auto;}
.h-wrap .logo-feihuo{float: left;width: 100px;height: 40px;background: url(../images/logo_feihuo.png) no-repeat;}
.h-wrap .logo-feihuo a{width: 100%;height: 100%;display: block;line-height: 100em;overflow: hidden;}
.h-wrap .login-info{float: right;line-height: 40px;color: #707e91;}
.h-wrap .login-info a{color: #707e91;}
.h-wrap .login-before a{margin: 0 15px;}
.h-wrap .icon-user{width: 16px;height: 16px;background: url(../images/user_icon.png) no-repeat;float: left;margin-left: -21px;margin-top: 12px;}
.h-wrap .login-after .welc{padding-left: 21px;}
.h-wrap .login-after .exit{margin-left: 35px;}

.footer{padding: 18px 0;background: #363636;text-align: center;min-width: 1000px;}
.footer p{line-height: 22px;color: #c8c8c8;}


/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	zoom:1;
	/*width:100%;*/
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#f6f6f6;*/
    white-space:nowrap;
   
}

.str_wrap.str_active {
	/*background:#f1f1f1;*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}



/*弹框*/
.mask{position:fixed;_position:absolute;top:0;left:0;width:100%;_height:100%;bottom:0;z-index:200;background:#000000;opacity: 0.5;filter:alpha(opacity=50);display: none;}
.pop-act-box{width: 500px;height: 304px;background: #fffdf6;position: fixed;_position:absolute;left: 50%;top: 50%;margin:-152px 0 0 -250px;z-index: 201;border-radius: 6px;}
.pop-head{width: 100%;height: 34px;line-height: 34px;color: #fff;font-size: 14px;background: #ce353f;border-top-left-radius: 6px;border-top-right-radius: 6px}
.pop-head-txt{margin-left: 20px}

.pop-act-box .btn-close{font-size: 36px;position: absolute;top: -2px;right: 20px;cursor: pointer;color: #fff}
.pop-act-box .btn-close:hover{color: #ffe29f;}



.pop-act-box .pop-text-main{font-size: 28px;color: #555;padding-bottom: 15px;padding-top: 60px;text-align: center;}
.pop-text-cont{text-align: center;}
.pop-text-cont .pop-text-sub{font-size: 14px;color: #ce353f;margin-bottom: 10px;}
.pop-act-box .pop-bd .btns-mod{margin-top: 40px;text-align: center;width: 100%;}
.pop-choose.new .btns-mod{margin-top: 15px;}
.pop-bd.lb .btns-mod{margin-top: 10px}
.pop-bd .btn-style{text-align: center;display: inline-block;background: #ce353f;width: 170px;height: 40px;color: #fff;font-size: 16px;line-height: 40px;border-radius: 4px}
.pop-bd .btn-style:hover{background: #e7434e}

.pop-lblist{padding: 24px 18px 10px;}
.pop-lblist table{width: 100%;}
.pop-lblist th,.pop-lblist td{color: #555555;text-align: center;}
.pop-lblist th{line-height: 26px;font-size: 16px;font-weight: bolder;height: 38px;margin-bottom: 10px;}
.pop-lblist td{line-height: 34px;text-align: center;}
.pop-lblist .w1{width: 30%;}
.pop-lblist .w2{width: 30%;}
.pop-lblist .w3{width: 40%;}
.pop-lblist .w4{width: 50%;}
.pop-lblist .w5{width: 50%;}

.pop-lblist .not-lottery{color: #ce353f}
.pop-lblist .lottery{color: #548a00}


.pop-lblist .no-get{color:#ff9b00;text-decoration: underline;}
.lblist-table{height: 174px;overflow: hidden}
.pop-bd.lb .lblist-table{height: 152px;}
.pages {padding: 28px 0 1px;text-align: center;font-size: 13px;}
.pages a,.pages .disabled,.pages .current { border: 1px solid #cccccc; padding: 6px 8px; color: #333333; text-decoration: none; margin-right: 7px;font-size: 12px}
.pages .disabled{color: #cccccc;border-color:#cccccc;}
.pages a:hover,.pages .current{border-color:#ff9b00;color: #ff9b00;}

.pop-libao-cont{padding: 0 75px;}
.pop-libao-cont .libao-tit,.pop-libao-cont .libao-code{margin-top: 20px;font-size: 16px;color: #555;line-height: 30px;}
.pop-libao-cont .libao-select{height: 32px;position: relative;margin-top: 10px;}
.libao-select .select-btn{width: 251px;height: 30px;border:1px solid #bcbcbc;background: #f9f5e7;padding: 0 10px;cursor: pointer;float: left;}
.libao-select .select-value{float: left;line-height: 30px;float: left;font-size: 14px;color: #000;cursor: pointer;}
.libao-select .select-arrow{width: 16px;height: 8px;background: url(../images/arrow.png) no-repeat;float: right;margin-top: 11px;cursor: pointer;}
.libao-select .select-menu{position: absolute;width: 271px;max-height: 120px;border:1px solid #bcbcbc;background: #f9f5e7;overflow-y: auto;left: 0;top: 31px;}
.libao-select .select-menu li{font-size: 14px;color: #555;line-height: 30px;cursor: pointer;padding: 0 10px;}
.libao-select .select-menu li.hover{background: #ffedaf;}
.libao-select .text-tips{width: 118px;height: 32px;line-height: 32px;float: left;margin-left: 32px;text-align: center;font-size: 14px;color: #ff7200;}
.libao-select .btn-get{float: left;margin-left: 32px;text-align: center;font-size: 13px;height:39px;width:140px;color: #fff;background: url(../images/sprite.png) no-repeat;background-position: -152px -600px;line-height: 39px;}

.libao-fill{height: 32px;margin-top: 10px;position: relative;}
.libao-fill .ipt-mod{width: 251px;height: 30px;border:1px solid #bcbcbc;background: #f9f5e7;padding: 0 10px;line-height: 30px;color: #000;font-size: 14px;margin: 0 auto;}
.libao-fill .phstyle{position: absolute;top:1px;left:1px;height: 30px;line-height: 30px;padding: 0 10px;line-height: 30px;color: #777;}
.libao-fill .btn-submit{text-align: center;display: inline-block;background: url(../images/sprite.png) no-repeat;background-position: -276px -496px;width: 261px;height: 64px;color: #ffedce;font-size: 24px;line-height: 64px;margin-top: 42px;}
.libao-fill .lnk-alter{position: absolute;line-height: 32px;color: #000;font-size: 13px;width: 60px;text-align: center;}
.libao-wrap .libao-tips{font-size: 16px;color: #555;margin-top: 20px;line-height: 24px;}
.libao-wrap .warn-tips{font-size: 14px;color: #ff7200;margin-top: 16px;line-height: 24px;}
.libao-fill .qq-num{font-size: 24px;color: #000;}

.pop-choose{padding: 46px 15px 0;overflow: hidden;}
.pop-choose.new{padding-top: 12px}
.pop-choose h3{font-size: 25px;color: #404040;font-weight: bold;}
.pop-choose-con{height: 178px;overflow-y: auto;overflow-x: hidden;margin-top: 20px;}
.pop-choose.new .pop-choose-con{margin-top: 0;height: 154px;}
.pop-chooselist{padding-top: 10px;width: 105%;}
.pop-chooselist li{width: 106px;float: left;padding-top: 5px;margin-right: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pop-chooselist input{width: 14px;height: 14px;float: left;margin: 2px 2px 0 0;}


.pop-addr-cont{padding: 35px 0 0 60px;}
.pop-addr-cont .text-main{font-size: 28px;color: #555;padding-bottom: 5px;}
.pop-addr-cont .text-sub{font-size: 16px;color: #555;}

.addr-cont .field{margin-top: 10px;height: 35px;}
.addr-cont .field label{width: 82px;text-align: right;line-height: 30px;color: #333333;font-size: 14px;float: left;}
.addr-cont .field .ipt-mod{margin-left: 82px;position: relative;}
.addr-cont .ipt-mod input{width: 250px;height: 20px;padding:5px 10px;line-height: 20px;color: #666666;font-size: 14px;background: #fffae7;border:1px solid #bcbcbc;border: 1px solid #fcefbe}
.addr-cont .field .phstyle{width: 250px;height: 20px;padding:5px 10px;line-height: 20px;color: #666666;font-size: 14px;position: absolute;top:1px;left: 1px;}

.pop-addr-cont .btns-mod{margin-top: 20px;margin-left: -26px}
.pop-addr-cont .btns-mod .btn-submit{text-align: center;display: inline-block;background: url(../images/sprite.png) no-repeat;background-position: -276px -496px;width: 261px;height: 64px;color: #ffedce;font-size: 24px;line-height: 64px;}
.pop-addr-cont .addr-detail{font-size: 14px;color: #000;line-height: 24px;margin-top: 20px;}
.pop-addr-cont .addr-tips{margin-top: 45px;font-size: 16px;color: #555;}

.tips-box{position: absolute;top: 388px;left: 216px;}
.tips-box .tips-cont{height: 26px;line-height: 26px;background: #ffedbe;padding: 0 10px;}
.tips-box .tips-cont p{white-space: nowrap;color: #af7955;}
.tips-box .tips-cont a{color: #e43a3a;}
.tips-box .i-arrow{width: 16px;height: 8px;display: block;margin-left: 105px;background: url(../../images/jz_icon_sprites.png) no-repeat -34px 0;}

.side-tabs{width: 79px;height: 508px;position: fixed;top: 50%;left: 0;margin-top: -254px;}
.side-tabs a{width: 79px;line-height: 300em;overflow: hidden;display: block;background: url(../images/side_tabs.png) no-repeat;}
.side-tabs .xy-lott{height: 250px;background-position: -81px 0;}
.side-tabs .xy-lott.active{background-position: 0 0;}
.side-tabs .jz-lott{height: 252px;margin-top: 6px;background-position: 0 -256px;}
.side-tabs .jz-lott.active{background-position: -81px -256px;}


.pop-hb-cont{padding: 16px 80px 0;}
.pop-hb-cont .text-main{font-size: 28px;color: #555;}
.pop-hb-cont .hb-detail{margin-top: 0px;}
.pop-hb-cont .hb-detail p{line-height: 24px;color: #888;font-size: 14px;}
.pop-hb-cont .hb-detail strong{color: #555;font-size: 16px;font-weight: normal;}
.pop-hb-cont .hb-detail .lnk-main{color: #4285f4;text-decoration: underline;}
.pop-hb-cont .btns-mod{margin-top: 25px;text-align: center;width: 100%;}

.pop-hb-cont .lnks-mod{margin-top: 8px;text-align: center;}
.pop-hb-cont .lnks-mod .lnk-sub{font-size: 14px;color: #888;text-decoration: underline;}

.pop-code{position: fixed;left: 50%;top: 50%;margin: -220px 0 0 -200px;z-index: 1001;display: none;width:400px;height:440px;background: #fff;display: none;text-align: center;}
.pop-close{position: absolute;right: 20px;top: 20px;background: url(../images/close.png) no-repeat;width: 34px;height: 32px;z-index: 1001;cursor: pointer;}

/*跨年狂欢日*/
.ljczBtn{position: absolute; top:420px;left:50%;margin-left: -340px;width: 258px;height: 135px;background: url(../images/ljczBtn.png);}
.ljczBtn:hover {background: url(../images/ljczBtnh.png);}


@media screen and (max-width: 1890px) {
    .side-bar{right: 21.5%}
}
@media screen and (max-width: 1850px) {
    .side-bar{right: 20%}
}
@media screen and (max-width: 1760px) {
    .side-bar{right: 19%}
}
@media screen and (max-width: 1700px) {
    .side-bar{right: 18%}
}
@media screen and (max-width: 1650px) {
    .side-bar{right: 17%}
}
@media screen and (max-width: 1600px) {
    .side-bar{right: 16%}
}
@media screen and (max-width: 1550px) {
    .side-bar{right: 15%}
}
@media screen and (max-width: 1500px) {
    .side-bar{right: 14%}
}




@media screen and (max-width: 1450px) {
    .sec-logo{left: 22%}
    .side-bar{right: 13%}
}
@media screen and (max-width: 1400px) {
    .sec-logo{left: 21%}
    .side-bar{right: 11%}
}
@media screen and (max-width: 1350px) {
    .side-bar{right: 9%}
} 
@media screen and (max-width: 1300px) {
    .side-bar{right: 7%}
} 
@media screen and (max-width: 1250px) {
    .side-bar{right: 5%}
} 
@media screen and (max-width: 1200px) {
    .side-bar{right: 4%}
}