html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none !important;margin: 0px; padding: 0px;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.container { width: 1300px !important; }
.container { width: 100% !important; }
body{ background: #fff; width: 100%; font-family: "Rethink Sans", sans-serif; background-size: cover; position: relative; padding: 0; }
header{ position: fixed; top: 0; z-index: 9999; width: 100%; background: #fff; padding: 0 30px; overflow: hidden; }

/*header-top*/
.header-top{ position: relative; width: 100%; height: auto; background: #fff; padding: 2px 0; margin: 0px 0; z-index: 999; border-bottom: 1px solid #ccc; display: inline-block; }
.header-top .barnd-text{ position: relative; width: 14%; float: left; padding: 2px 0 0; margin: 0;  }
.header-top .barnd-text ul{ list-style: none; margin: 0px; padding: 0px; }
.header-top .barnd-text ul li{ list-style: none; margin: 0px; padding: 0px; display: inline-block; }
.header-top .barnd-text ul li a{ color: #000; font-size: 14px; padding: 0 10px 0 0; }
.header-top .barnd-text ul li a b{ font-weight: bold; color: #c61e2c; }
.header-top .barnd-text ul li a:hover{color: #c51e2b; }
.header-top .barnd-text p{    padding: 0 0 0; line-height: 22px; display: inline; text-transform: lowercase; color: #ededed; font-size: 14px; letter-spacing: 1px; }
.header-top .barnd-help{ position: relative; width: 15%; color: #695e5e; float: left; text-align: left; padding: 1px 0 0; }
.header-top .barnd-help ul{ position: relative; width: 100%; margin: 0px; padding: 0px;  }
.header-top .barnd-help ul li{ margin: 0px; padding: 0px;     list-style: none;  display: inline-block; }
.header-top .barnd-help ul li a{ display: inline-block; text-decoration: none; color: #000; font-size: 11px; padding: 4px 8px 4px; border: 1px solid #ccc; border-radius: 50px; line-height: 20px; background: #f9f9f9; margin: 0 0 0 5px; transition: all 400ms ease-in-out; }
.header-top .barnd-help ul li a:hover{ text-decoration: none; color: #c7202e; border: 1px solid #eac302; transition: all 400ms ease-in-out; }

.header-top .barnd-mail{ position: relative; width: 20%; color: #695e5e; float: right; text-align: right; }
.header-top .barnd-mail ul{ list-style: none; margin: 0px; padding: 0px; }
.header-top .barnd-mail ul li{ list-style: none; margin: 0px; padding: 0px; display: inline-block; }
.header-top .barnd-mail ul li a{ color: #000; font-size: 14px; padding: 0 0 0 5px; line-height: 16px; }
.header-top .barnd-mail ul li i{ color: #c61e2c; font-size: 13px; }
.header-top .barnd-mail ul li a:hover{color: #c51e2b; }

.header-top .header-slider{ width: 55%; position: relative; display: block;  padding: 5px 0; margin: 0; float: left; }
.header-top .header-slider h5{ font-size: 14px; line-height: 16px; color: #000; padding: 0; margin: 0; font-weight: 300; }
.header-top .header-slider h5 a{ color: #c61e2c; }


.header-midle{  position: relative; width: 100%; z-index: 99; overflow: visible !important; margin: 0 auto; background: linear-gradient(90deg, rgb(255 255 255) 35%, rgb(255 255 255) 30%); border-bottom: 5px solid #fff; }
.header-midle .barnd-logo{ width:18%; overflow: hidden; margin: 0 auto; display: block; }
.header-midle .barnd-logo img{ width: 100%; padding: 0px 0 0; }



.header-bottom{  position: relative; width: 100%; height: auto; background: #fff; padding: 0px 0; z-index: 99; overflow: visible !important; margin: 0 auto; border-bottom: 1px solid #c61e2c;
  display: flex; }
.header-bottom .barnd-logo{ width: 20%;
  overflow: hidden;
  float: left;
  position: relative; }
.header-bottom .barnd-logo img{ width: 100%;
  background: #fff;
  padding: 0 0 2px; }
img.still{ width: 100%; }
.rotate {
  animation: rotation 10s infinite linear;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1px;
  width: 53px;
  content: "";
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



.header-bottom .navigation{ width: 100%; float: right; padding: 5px 0 10px 0; }

.sf-menu a.sign-in{ box-shadow: none; background: #c61e2c; margin: 0 0 0 30px; color: #fff; border-radius: 0px; padding: 10px 35px; }
.sf-menu a.sign-in:hover{ color: #fff; letter-spacing: 1.2px; }
.sf-menu .active a.sign-in{ color: #ffdb1d ; }

.header-bottom-rigt{ width: 100%;
  float: right; }

/*Marquee*/
.head-marquee{position: relative; width: 99%; overflow: hidden; padding: 8px 15px; margin: 0; background: #d9011b; overflow: hidden; float: right; }
.head-marquee .marquee-left{ width: 10%; float: left; padding: 0; margin: 0; border-right: 5px solid #fff; }
.head-marquee .marquee-left h5{ font-size: 18px; color: #fff; line-height: 20px; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }
.head-marquee .marquee-right{ width: 90%; float: right; padding: 0 0 0 15px; margin: 0; }
.head-marquee .marquee-right marquee{ font-size: 14px; color: #fff; line-height: 20px; padding: 0; margin: 0; font-weight: bold; }

/*Inner NAV*/
.inner-nav{ position: relative; width: 96%; overflow: hidden; padding: 10px 0; margin: 115px auto 0; background: #ececec; }
.inner-nav ul{ width: 100%; padding: 0; margin: 0; }
.inner-nav ul li{ display: inline-block; font-size: 16px; line-height: 18px; color: #000; padding: 0 5px; margin: 0; font-weight: 400; text-transform: uppercase; }
.inner-nav ul li a{ color: #c61e2c ; margin: 0 0 0 10px; font-weight: bold; }

/*Banner-Top*/
.banner-top{ position: relative; width: 100%; overflow: hidden; padding: 0 30px 15px; margin: 109px 0 0; background: #fff; display: block; overflow: hidden; }
.banner-top .banner-left-content{ width: 19%; float: left; padding: 0; margin: 10px 0 0; }
.banner-top .banner-left-content .banner-left-block{ width: 100%; padding: 0; margin: 0 0 13px; background: #f9f9f9; border: 1px solid #dbdbdb; overflow: hidden; }
.banner-top .banner-left-content .banner-left-block img{ width: 100%; transition: transform .2s; height: 246px; }
/*.banner-top .banner-left-content .banner-left-block img:hover{ transform: scale(1.1); }*/
.banner-top .banner-left-content .banner-left-block h4{ font-size: 16px; line-height: 22px; color: #000; padding: 5px 10px; margin: 0; font-weight: bold; height: 46px; overflow: hidden; }
.banner-top .banner-left-content .banner-left-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px; margin: 0; }

.banner-top .banner-middle-content{ width: 81%; float: left; padding: 0 15px 0 0; margin: 10px 0 0; }
/*.banner-top .banner-middle-content .item{ background: #f9f9f9;*/
/*  border: 1px solid #dbdbdb; }*/
.banner-top .banner-middle-content .banner a img.banner-img{ width: 100%; height: 540px; }
/*.banner-top .banner-middle-content .banner .dec{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background: #000000b2; transition: all 500ms ease-in-out; padding: 30px; margin: 0;}
.banner-top .banner-middle-content .banner .dec a{}
.banner-top .banner-middle-content .banner .dec:hover{ background: #000000e3; transition: all 500ms ease-in-out;}*/
/*.banner-top .banner-middle-content .banner a .dec{ padding: 10px; }*/
.banner-top .banner-middle-content .banner a .dec h2{ color: #000; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 0; margin: 0 0;
  height: 42px;
  overflow: hidden; }
.banner-top .banner-middle-content .banner a .dec h6{ color: #282828; font-size: 16px; font-weight: 500; line-height: 24px; padding: 0 0; margin: 10px 0px; height: 45px; overflow: hidden; }
.banner-top .banner-middle-content .banner a .dec h5{ color: #000; font-size: 15px; font-weight: normal; line-height: 20px; padding: 0 0; margin: 0;}
.banner-top .banner-middle-content .banner a .dec h5 span{ color: #d60000; font-weight: 500; font-size: 18px; padding: 0 10px 0 0px; margin: 0; }
.banner-top .banner-middle-content .banner-middle-down{ width: 100%; padding: 15px 0 0; margin: 0; }
.banner-top .banner-middle-content .banner-middle-down .middle-down-block{ width: 48%; padding: 0; margin: 0 15px 15px 0; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; overflow: hidden; }
.banner-top .banner-middle-content .banner-middle-down .middle-down-block img{ width: 100%; transition: transform .2s; }
.banner-top .banner-middle-content .banner-middle-down .middle-down-block img:hover{ transform: scale(1.1); }
.banner-top .banner-middle-content .banner-middle-down .middle-down-block h4{ font-size: 18px; line-height: 24px; height: 94px; color: #000; padding: 8px 10px; margin: 0; font-weight: bold; }

.banner-top .banner-right-content{ width: 21%; float: right; padding: 0; margin: 15px 0 0; }
.banner-top .banner-right-content .banner-right-block{ width: 100%; padding: 0; margin: 0; }
.banner-top .banner-right-content .banner-right-block img{ width: 40%; margin: 0 0 15px; }
.banner-top .banner-right-content .banner-right-block .youtube-live{ width: 100%; padding: 0; margin: 0 0 15px; height: 165px; }
.banner-top .banner-right-content .banner-right-block .youtube-live iframe{ width: 100%; height: 100%; }


.banner-top .banner-left-content{ width: 19%; float: left; padding: 0; margin: 10px 0 0; }
.banner-top .banner-left-content .banner-left-block{ width: 100%; padding: 0; margin: 0 0 13px; background: #f9f9f9; border: 1px solid #dbdbdb; overflow: hidden; }
.banner-top .banner-left-content .banner-left-block img{ width: 100%; transition: transform .2s; height: 246px; }
/*.banner-top .banner-left-content .banner-left-block img:hover{ transform: scale(1.1); }*/
.banner-top .banner-left-content .banner-left-block h4{ font-size: 16px; line-height: 22px; color: #000; padding: 5px 10px; margin: 0; font-weight: bold; height: 46px; overflow: hidden; }
.banner-top .banner-left-content .banner-left-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px; margin: 0; }
.banner-left-content{
    width: 19%; float: left; padding: 0; margin: 10px 0 0;
  height:694px;
  overflow:hidden;
}
.banner-left-content ul.slick-dots{
  list-style:none;
  position:relative;
  margin: 0 !important; display:none !important;
}
.banner-left-content .item{ margin: 9px 0; }
.banner-left-content .banner-left-block img{ width: 100%; transition: transform .2s; height: 246px; }
.banner-left-content .banner-left-block h4{ font-size: 16px; line-height: 22px; color: #000; padding: 5px 10px; margin: 0; font-weight: bold; height: 46px; overflow: hidden; }
.banner-left-content .banner-left-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px; margin: 0; }








/*About Us*/
.about{ width: 100%; position: relative; display: block; color: #fff; padding: 5px 30px 0; margin: 5px 0 0; border-top: 1px solid #ccc; }
.about .about-block{ width: 100%; padding: 20px 0 0; margin: 0; border-bottom: 1px solid #ccc; display: inline-block; }
.about .about-block:nth-child(2){ border-bottom: none; }
.about .about-block h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 10px; position: relative; font-weight: bold; text-transform: uppercase; }
.about .about-block h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.about .about-block p{ font-size: 16px; line-height: 24px; color: #424242; padding: 10px 0 ; margin: 0; font-weight: 400; text-align: justify; }
.about .about-block p a{ color: #d9011b; }
.about .about-block .about-left-block{ width: 60%; float:left; padding: 0 30px 0 0; margin: 0; }

.about .about-block .about-right-block{ width: 40%; float: right; padding: 15px; margin: 0 0 15px; border: 1px solid #ccc; background: #f2f2f2; height: 333px; }
.about .about-block .about-right-block img{ width: 100%; height: 300px;  }


.mission{ width: 100%; position: relative; display: flex; color: #fff; padding: 0 30px 0; margin: 5px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.mission .mission-left-block{ width: 50%; float: left; padding: 20px 15px 0 0; margin: 0; border-right: 1px solid #ccc; height: 400px; overflow: hidden; }
.mission .mission-left-block h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 20px; position: relative; font-weight: bold; text-transform: uppercase; }
.mission .mission-left-block h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.mission .mission-left-block p{ font-size: 16px; line-height: 24px; color: #424242; padding: 10px 0 ; margin: 0; font-weight: 400; text-align: justify; }
.mission .mission-right-block{ width: 50%; float: right; padding: 20px 0 0 15px; margin: 0; }
.mission .mission-right-block h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 20px; position: relative; font-weight: bold; text-transform: uppercase; }
.mission .mission-right-block h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.mission .mission-right-block p{ font-size: 16px; line-height: 24px; color: #424242; padding: 10px 0 ; margin: 0; font-weight: 400; text-align: justify; }

.award{ width: 100%; position: relative; display: block; color: #fff; padding: 5px 30px 0; margin: 5px 0 0; border-bottom: 1px solid #ccc; }
.award .award-block{ width: 100%; padding: 20px 0 0; margin: 0; border-bottom: 1px solid #ccc; display: inline-block; }
.award .award-block:nth-child(2){ border-bottom: none; }
.award .award-block h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.award .award-block h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.award .award-block p{ font-size: 16px; line-height: 24px; color: #424242; padding: 10px 0 ; margin: 0; font-weight: 400; text-align: justify; }
.award .award-block .award-left-block{ width: 100%; float:left; padding: 0 30px 0 0; margin: 0; }

.award .award-block .award-right-block{ width: 100%; float: right; padding: 0; margin: 0 0 15px;  
  overflow: hidden; }

.award .award-block .award-right-block #photo-slider .item{ margin: 0 15px; }
.award .award-block .award-right-block img{ width: 100%; }
.award .award-block .award-right-block .item{ margin: 0 10px; }

.award .award-block .award-right-block .award-box{ position: relative; width: 100%; padding: 10px; margin: 0; float: left; background: #f2f2f2; border: 1px solid #ccc;  overflow: hidden; }
.award .award-block .award-right-block .award-box img.pho-gall { width: 100%; height: 220px; }
.award .award-block .award-right-block .award-box .view-caption {  width: 100%; padding: 0; margin: 0; }

.award .award-block .award-right-block .award-box .view-caption p { font-size: 15px; font-weight: bold; letter-spacing: 0; line-height: 23px; padding: 9px 0 0; color: #000; margin: 0; height: 64px; overflow: hidden; font-style: italic;  }


/*Trending*/
.trending{ width: 100%; position: relative; display: inline-block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 30px 0; margin: 0; background: #fff; }
.trending .trending-head-top{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.trending .trending-head-top .trending-head-top-left{ width: 70%; padding: 0; margin: 0; float:left; }
.trending .trending-head-top .trending-head-top-lef h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; float:left; }
.trending .trending-head-top .trending-head-top-lef h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.trending .trending-head-top .trending-head-top-right{ width: 30%; padding: 0; margin: 0; float:right; }
.trending .trending-head-top .trending-head-top-right a{ width: 33%; padding: 8px 0; font-size: 15px; line-height: 18px; color: #000; background: #f3ca0c; transition: all 500ms ease-in-out; display: inline-block; text-align: center; margin: 0 0 20px; text-transform: uppercase; box-shadow: 1px 2px 2px #c8c8c8; font-weight: bold; float: right; border-radius: 50px 0 0 145px; border-left: 10px solid #171616; border-bottom: 1px solid #666565; border-top: 1px solid #666565; border-right: 10px solid #171616; }
.trending .trending-head-top .trending-head-top-right a:hover{ transition: all 500ms ease-in-out; letter-spacing: 1.1px; }

.all-news{ border-top: none; border-bottom: 1px solid #ccc; }
.trending h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; float:none; }
.trending h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }


.trending .trending-block{ width: 24.1%;
  padding: 10px;
  margin: 0 5px 20px; overflow: hidden; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; }
.trending .trending-block .trending-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; transition: transform .2s; transition: all 400ms ease-in-out; height: 190px; }
.trending .trending-block .trending-image-block img{ width: 100%; transition: transform .2s; height: 100%; }
.trending .trending-block .trending-image-block:hover img{ transform: scale(1.1); transition: all 400ms ease-in-out; }

.trending .trending-block .trending-text-block{ width: 100%; padding: 0; margin: 0; }
.trending .trending-block .trending-text-block h4{ font-size: 17px; line-height: 24px; color: #000; padding: 10px 0; margin: 0; font-weight: bold; height: 82px; overflow: hidden; text-align: justify; }
.trending .trending-block .trending-text-block p{ font-size: 15px; line-height: 26px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 54px; overflow: hidden; text-align: justify; }
.trending .trending-block .trending-text-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px 0 0; margin: 0; }
.all-news .read-btn{ width: 12%; display: block; text-align: center; margin: 0 auto; padding: 0; }
.all-news .read-btn a{ width: 100%; padding: 10px; font-size: 16px; line-height: 20px; color: #fff; background: #d9011b; transition: all 500ms ease-in-out; display: inline-block; text-align: center; margin: 10px 0 20px; text-transform: uppercase; box-shadow: 1px 1px 2px #c8c8c8; font-weight: 500; }
.trending .read-btn a:hover{ transition: all 500ms ease-in-out; letter-spacing: 1.2px; }
.trending .read-btn{ width: 12%; display: block; text-align: center; margin: 0 auto; padding: 0; }
.trending .read-btn a{ width: 100%; padding: 10px; font-size: 16px; line-height: 20px; color: #fff; background: #d9011b; transition: all 500ms ease-in-out; display: inline-block; text-align: center; margin: 10px 0 20px; text-transform: uppercase; box-shadow: 1px 1px 2px #c8c8c8; font-weight: 500; }
.trending .read-btn a:hover{ transition: all 500ms ease-in-out; letter-spacing: 1.2px; }

/*Live TV*/
.livetv{width: 100%; position: relative; display: block; color: #fff; padding: 20px 30px 15px; margin: 0; border-bottom: 1px solid #ccc; }
.livetv h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.livetv h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }

.livetv .item{ margin: 0 5px; }
.livetv .youtube-live{ width: 100%; padding: 0; margin: 0 0 15px; height: 220px; }
.livetv .youtube-live iframe{ width: 100%; height: 100%; }

/*Editor Desk Inner*/
.inner-banner{ width: 96%; padding: 0; margin: 5px auto 0; display: block; height: 250px; }
.inner-banner img{ width: 100%; height: 100%; }

/*Editor Desk*/
.editor-desk{ width: 100%; position: relative; display: flow-root; color: #fff; padding: 30px 30px 15px; margin: 5px 0 0; border-bottom: 1px solid #ccc; }
.editor-desk h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.editor-desk h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.editor-desk .editor-left-block{ width: 70%; float: left; padding: 0; margin: 0; }
 .editor-left-block h4{ font-size: 18px; line-height: 26px; color: #000; padding: 0; margin: 0 0 10px; position: relative; font-weight: bold; text-transform: uppercase;  }
 .editor-left-block p{ font-size: 15px; line-height: 26px; color: #424242; padding: 0 15px 30px 0; margin: 0; font-weight: 400; overflow: hidden; text-align: justify; }
.editor-desk .editor-right-block{ width: 30%; float: right; padding: 15px; margin: 0 0 20px; background: #f9f9f9;
  border: 1px solid #dbdbdb; height: 350px; }
.editor-desk .editor-right-block img{ width: 100%; height: 100%; }
.editor-desk .editor-down-block{ width: 100%; float: left; padding: 0; margin: 0; }
 .editor-down-block p{ font-size: 15px; line-height: 26px; color: #424242; padding: 0 15px 30px 0; margin: 0; font-weight: 400; overflow: hidden; text-align: justify; }

/*Sports*/
/*.sports{ width: 100%; position: relative; display: inline-block; border-bottom: 1px solid #ccc; padding:  20px 30px 0; margin: 0; background: #fff; }
.sports h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.sports h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.sports .sports-left{ width: 65%; float: left; padding: 0; margin: 0; border-right: 1px solid #ccc; }

.sports .sports-left .sports-left-block{ width: 98%; padding: 10px; margin: 0 5px 20px; overflow: hidden; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; }
.sports .sports-left .sports-left-block .sports-left-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; transition: transform .2s; transition: all 400ms ease-in-out; height: 348px; float: left; }
.sports .sports-left .sports-left-block .sports-left-image-block img{ width: 100%; transition: transform .2s; height: 100%; }
.sports .sports-left .sports-left-block .sports-left-image-block:hover img{ transform: scale(1.1); transition: all 400ms ease-in-out; }
.sports .sports-left .sports-left-block .sports-left-text-block{ width: 100%; padding: 0; margin: 0; float: right; overflow: hidden; }
.sports .sports-left .sports-left-block .sports-left-text-block h4{ font-size: 22px; line-height: 26px; color: #000; padding: 7px 0; margin: 0; font-weight: bold; height: 45px; }
.sports .sports-left .sports-left-block .sports-left-text-block p{ line-height: 24px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 67px; }


.sports .sports-right{ width: 35%; float: right; padding: 0 0 0 10px; margin: 0; }
.sports .sports-right .sports-right-block{ width: 100%; padding: 15px; margin: 0 10px 0 0; overflow: hidden; background: #f9f9f9; border-bottom: 2px dotted #a0a0a0; }

.sports .sports-right .sports-right-block .sports-right-text-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; display: block; }
.sports .sports-right .sports-right-block .sports-right-text-block h4{ font-size: 17px; line-height: 24px; color: #000; padding: 0 0 10px; margin: 0; font-weight: bold; height: 54px; overflow: hidden; }
.sports .sports-right .sports-right-block .sports-right-text-block p{ font-size: 14px; line-height: 24px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 53px; overflow: hidden; }
.sports .sports-right .sports-right-block .sports-right-text-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 0; margin: 0; }*/

/*Privacy*/
.privacy{ width: 100%; position: relative; display: block; background: #fff; padding: 25px 30px 0; margin: 5px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.privacy h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.privacy h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.privacy ul{ padding: 0; margin: 0; width: 100%; }
.privacy p{ font-size: 16px; line-height: 24px; color: #464646; padding: 0 0 10px 0 ; margin: 0; font-weight: 400; text-align: justify; }
.privacy a{ color: #d9011b; font-weight: 400; }
.privacy ul li strong{ font-size: 16px; line-height: 24px; color: #202020; font-weight: bold; }

/*Letest*/
.letest{ width: 100%; position: relative; display: inline-block; border-bottom: 1px solid #ccc; padding:  0 30px; margin: 0; background: #fff; overflow: hidden; }
.letest .letest-left{ width: 50%; float: left; padding: 20px 0 0; margin: 0; border-right: 1px solid #ccc; }
.letest .letest-left h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.letest .letest-left h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
/*.letest .letest-left .letest-left-block{ width: 48.2%; padding: 10px; margin: 0 5px 20px; overflow: hidden; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; }
.letest .letest-left .letest-left-block .letest-left-image-block{ width: 32%; padding: 0; margin: 0; overflow: hidden; transition: transform .2s; transition: all 400ms ease-in-out; height: 78px; float: left; }
.letest .letest-left .letest-left-block .letest-left-image-block img{ width: 100%; transition: transform .2s; height: 100%; }
.letest .letest-left .letest-left-block .letest-left-image-block:hover img{ transform: scale(1.1); transition: all 400ms ease-in-out; }
.letest .letest-left .letest-left-block .letest-left-text-block{ width: 64%; padding: 0; margin: 0; float: right; overflow: hidden; }
.letest .letest-left .letest-left-block .letest-left-text-block h4{ font-size: 15px; line-height: 20px; color: #000; padding: 7px 0; margin: 0; font-weight: bold; height: 70px; }
.letest .letest-left .letest-left-block .letest-left-text-block p{ line-height: 24px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 67px; }*/
.letest .letest-left .letest-left-block{ width: 48.2%; padding: 10px; margin: 0 5px 20px; overflow: hidden; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; }
.letest .letest-left .letest-left-block .letest-left-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; transition: transform .2s; transition: all 400ms ease-in-out; height: 193px; }
.letest .letest-left .letest-left-block .letest-left-image-block img{ width: 100%; transition: transform .2s; height: 100%; }
.letest .letest-left .letest-left-block .letest-left-image-block:hover img{ transform: scale(1.1); transition: all 400ms ease-in-out; }
.letest .letest-left .letest-left-block .letest-left-text-block{ width: 100%; padding: 0; margin: 0; }
.letest .letest-left .letest-left-block .letest-left-text-block h4{ font-size: 17px; line-height: 24px; color: #000; padding: 10px 0; margin: 0; font-weight: bold; height: 82px; overflow: hidden; }
.letest .letest-left .letest-left-block .letest-left-text-block p{ font-size: 15px; line-height: 26px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 54px; overflow: hidden; }
.letest .letest-left .letest-left-block .letest-left-text-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px 0 0; margin: 0; }
.read-btn{ width: 22%; display: block; text-align: center; margin: 0 0 0 5px; padding: 0; }
.read-btn a{ width: 100%; padding: 10px; font-size: 16px; line-height: 20px; color: #fff; background: #d9011b; transition: all 500ms ease-in-out; display: inline-block; text-align: center; margin: 10px 0 20px; text-transform: uppercase; box-shadow: 1px 1px 2px #c8c8c8; font-weight: 500; }
.read-btn a:hover{ transition: all 500ms ease-in-out; letter-spacing: 1.2px; }

.letest .letest-right{ width: 50%; float: right; padding: 20px 0 0 10px; margin: 0; }
.letest .letest-right h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.letest .letest-right h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.letest .letest-right .letest-right-block{ width: 48.2%; padding: 10px; margin: 0 10px 20px 0; overflow: hidden; background: #f9f9f9; border: 1px solid #dbdbdb; float: left; }
.letest .letest-right .letest-right-block .letest-right-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; transition: transform .2s; transition: all 400ms ease-in-out; height: 193px; }
.letest .letest-right .letest-right-block .letest-right-image-block img{ width: 100%; transition: transform .2s; height: 100%; }
.letest .letest-right .letest-right-block .letest-right-image-block:hover img{ transform: scale(1.1); transition: all 400ms ease-in-out; }

.letest .letest-right .letest-right-block .letest-right-text-block{ width: 100%; padding: 0; margin: 0; }
.letest .letest-right .letest-right-block .letest-right-text-block h4{ font-size: 17px; line-height: 24px; color: #000; padding: 10px 0; margin: 0; font-weight: bold; height: 82px; overflow: hidden; }
.letest .letest-right .letest-right-block .letest-right-text-block p{ line-height: 26px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 54px; overflow: hidden; font-size: 15px; }
.letest .letest-right .letest-right-block .letest-right-text-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 10px 0 0; margin: 0; }

/*Single Page*/
.single{ width: 100%; position: relative; display: inline-block; border-bottom: 1px solid #ccc; padding: 0 30px; margin: 5px 0 0; background: #fff; border-top: 1px solid #ccc; }
.single .single-left{ width: 70%; padding:  0; margin: 0; border-right: 1px solid #ccc; overflow: hidden; float: left; }
.single .single-left .main-title{ width: 100%; padding: 15px 0; margin: 0 0 20px; border-bottom: 1px solid #ccc; }
.single .single-left .main-title h2{ font-size: 30px; line-height: 34px; color: #000; padding: 0 0 10px; margin: 0; position: relative; font-weight: bold; }
.single .single-left .main-title h6{ font-size: 14px; line-height: 24px; color: #5f5f5f; padding: 0; margin: 0; }
.single .single-left .main-title h6 b{ font-weight: bold; color: #000; }
.single .single-left .main-title h6 span{ padding: 0 0 0 10px; }
.single .single-left .main-title h6 span i{ padding: 0 5px 0 0; color: #000; }
.single .single-left .single-image-block{ width: 98%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f2f2f2; }
.single .single-left .single-image-block img{ width: 100%; }
.single .single-left .single-image-block p{ font-size: 16px; line-height: 24px; color: #595959; padding: 10px 0 0; margin: 0; font-style: italic; }
.single .single-left .single-dec-block{ width: 98%; padding: 30px 0 0; margin: 0; }
.single .single-left .single-dec-block h4{ font-size: 20px; line-height: 24px; color: #000; padding: 0 0; margin: 0; font-weight: bold; }
.single .single-left .single-dec-block p{ font-size: 16px; line-height: 24px; color: #464646; padding: 0 0; margin: 10px 0 15px; text-align: justify; font-weight: 400; }
.single .single-left .single-dec-block p strong{ font-weight: bold; color: #023c6f; }
.single .single-left .single-dec-block p a{ color: #d9011b; }
.twitter-tweet{ font-size: 16px; line-height: 24px; color: #202020; font-weight: bold; }
.twitter-tweet a{ color: #d9011b; font-weight: 400; }
.single .single-right{ width: 30%; padding: 15px  0 0 15px; margin: 0; float: right; }
.single .single-right h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.single .single-right h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.single .single-right .single-right-block{ width: 100%; padding: 15px; margin: 0 10px 10px 0; overflow: hidden; background: #f9f9f9; border: 1px solid #ccc; }
.single .single-right .single-right-block .single-right-text-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; display: block; }
.single .single-right .single-right-block .single-right-text-block h4{ font-size: 17px; line-height: 24px; color: #000; padding: 0 0 10px; margin: 0; font-weight: bold; height: 80px; overflow: hidden; }
.single .single-right .single-right-block .single-right-text-block p{ font-size: 14px; line-height: 24px; color: #424242; padding: 0; margin: 0; font-weight: 400; height: 74px; overflow: hidden; }
.single .single-right .single-right-block .single-right-text-block h5{ font-size: 13px; line-height: 22px; color: #d60000; padding: 0; margin: 0; }
a.share-btn { padding: 10px 0 !important; margin: 0 10px 30px 0 !important; background: #d9011b !important; color: #fff !important; transition: all 400ms ease-in-out; text-decoration: none; border-radius: 0px !important; font-size: 13px; display: inline-block; text-transform: uppercase; font-weight: bold; width: 18%;
  text-align: center; }
a.share-btn:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
a.facebook{ background: #1773ea !important; }
a.whatsapp{ background: #1fc640 !important; }
a.linkedin{ background: #0a62bc !important; }
a.twitter{ background: #1c9be9 !important; }
a.share-btn i{ margin: 0 2px 0 }
/*a i.fa-facebook-f { margin: 0 2px 0 ;*/
/*  font-size: 16px; }*/
/*a i.fa-whatsapp { margin: 0 2px 0 ;*/
/*  font-size: 16px; }  */
/*a i.fa-linkedin-in { margin: 0 2px 0;*/
/*  font-size: 16px; }  */
/*a i.fa-twitter { margin: 0 2px 0 ;*/
/*  font-size: 16px; }  */
  
/*Contact Us*/
.contact{ width: 100%; position: relative; background: #fff; padding: 30px; margin: 0; display: inline-block; border-bottom: 1px solid #ccc; }
.contact h2{ font-size: 24px; line-height: 26px; color: #000; padding: 0; margin: 0 0 30px; position: relative; font-weight: bold; text-transform: uppercase; }
.contact h2::before { position: absolute; content: ""; left: 0; bottom: -5px; width: 20px; height: 4px; background: #f00; }
.contact .get-in-touch{ width: 45%; padding: 30px; margin: 0 ; display: block; background: #ececec;
  border: 1px solid #ffd602; float: left; }

.contact .get-in-touch h3{ font-size: 34px; line-height: 40px; color: #060606; padding: 0 0 10px 8px; margin: 0; font-weight: bold; }
.contact .get-in-touch form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .get-in-touch form .fill-box{ width: 50%; float: left; padding: 0 10px; margin: 0 0 20px; }
.contact .get-in-touch form .fill-box label{ font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin: 0; width: 100%; font-weight: bold; }
.contact .get-in-touch form .fill-box input{ font-size: 16px; line-height: 18px; color: #000; padding: 10px 15px; width: 100%; height: 40px; border: 1px solid #ebc500; outline: none; background: #fff; }
.contact .get-in-touch form .message{ width: 100%;  }
.contact .get-in-touch form .message textarea{ font-size: 16px; line-height: 18px; color: #000; padding: 10px 15px; width: 100% !important; border: 1px solid #ebc500; outline: none; background: #fff; height: 80px; }
.contact .get-in-touch form .submit-btn{ width: 100%; margin: 0; }
/*.contact .get-in-touch form .submit-btn input[type="submit"]{ height: auto; width: 30%; border: 1px solid #fff; background: #595959; color: #fff; padding: 15px 0; text-align: center; outline: none; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }*/
.contact .get-in-touch form .submit-btn input[type="submit"]{ height: auto; width: 30%; padding: 15px 0; outline: none; font-size: 16px; line-height: 20px; color: #fff; background: #d9011b; transition: all 500ms ease-in-out; display: inline-block; text-align: center; margin: 10px 0 0; text-transform: uppercase; box-shadow: 1px 1px 2px #c8c8c8; font-weight: 500; border: none; }

.contact .get-in-touch form .submit-btn input[type="submit"]:hover { letter-spacing: 1.2px; box-shadow: 0 0 5px #ccc; transition: all 400ms ease-in-out; }

.contact .contact-now{ width: 53%;
  padding: 30px 40px;
  margin: 170px auto 0;
  display: block;
background: #ececec;
  border: 1px solid #ffd602;
  float: right; }
.contact .contact-now h3{ font-size: 34px; line-height: 40px; color: #060606; padding: 0 0 10px 0; margin: 0; font-weight: bold; }
.contact .contact-now ul{ display: inline-block; padding: 0; margin: 0; width: 100%; }
.contact .contact-now ul li{ font-size: 16px; line-height: 26px; color: #d9011b; padding: 5px 0; margin: 0; font-weight: 400; }
.contact .contact-now ul li a{ color: #201f1f; transition: all 400ms ease-in-out; font-weight: 400; }
.contact .contact-now ul li a:hover{ color: #000; transition: all 400ms ease-in-out; }
.contact .contact-now ul li i{ color: #d9011b; padding: 0 10px 0 0; font-size: 16px; }

.contact .contact-now .contact-map{ width: 100%; height: 400px; padding: 15px; margin: 0; border: 1px solid #fdd619; }
.contact .contact-now .contact-map iframe{ width: 100%; height: 100%; }




/*Footer Start*/
.footer{ width: 100%; position: relative; margin: 5px 0 0; background: #222220; padding: 30px 0 0;  bottom: 0; text-align: center; overflow: hidden; }
.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-block{ width: 100%; padding: 0 0 18px; margin: 0; display: block; text-align: center; }
.footer .footer-block .footer-logo{ width: 16%; display: block; margin: 0 auto; padding: 0px;  }
.footer .footer-block .footer-logo img{ width: 100%;
  background: #fff;
  padding: 0 5px 5px; }
.footer .footer-block .footer-logo video{ width: 100%; } 
.footer .footer-block h4{ padding: 0 0 10px; margin: 0 0; font-size: 18px; font-weight: bold; letter-spacing: 0; font-family: "Rethink Sans", sans-serif; color: #fff; line-height: 30px; text-transform: uppercase; }
.footer .footer-block p{ padding: 0 30px 15px; margin: 0 0; font-size: 15px; font-weight: 400; color: #e7e6e6c7; line-height: 28px; font-family: "Rethink Sans", sans-serif; width: 100%;  }
.footer .footer-block p a{ color: #eac402; transition: all 400ms ease-in-out; }
.footer .footer-block p a:hover{ color: #d9011b; transition: all 400ms ease-in-out; }
.footer .footer-block ul{ padding: 0; margin: 0; width: 95%; margin: 0 auto 30px; }
.footer .footer-block ul li{ margin: 0 0 0 0px; display: inline-block; padding: 0; border-right: 4px solid #151515; background: #0202022b; }
/*.footer .footer-block ul li:nth-child(10){ border-right: none; }*/
.footer .footer-block ul li a{ font-size: 15px; line-height: 18px; display: inline-block; color: #fff; padding: 10px 20px 10px 18px; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-block ul li a:hover{ color: #eac402; transition: all 400ms ease-in-out; }

.footer .footer-block .footer-left{ width: 50%; float: left; display: block; }
.footer .footer-block ul.footer-contact li i{ font-size: 14px; line-height: 18px; color: #eac402; padding: 0 10px 0 0; }
.footer .footer-block ul.footer-contact{ padding: 0; margin: 0; border-bottom: none; border-top: none; width: 100%; }
.footer .footer-block ul.footer-contact li{ display: inline-block; padding: 0; margin: 0 15px; border-right: none; background: none; color: #eac402; }
.footer .footer-block ul.footer-contact li a{ font-size: 15px; line-height: 18px; display: inline-block; color: #e7e6e6c7; padding: 0 5px; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-block ul.footer-contact li a:hover{ color: #eac402; transition: all 400ms ease-in-out; }

.footer .footer-block .footer-right{ width: 50%; float:right; border-left: 1px solid #ccc; }
.footer .footer-block .footer-right form { width: 100%;
  padding: 0;
  margin: 0; }
.footer .footer-block .footer-right form .search-box{ width: 60%;
  margin: 0 auto;
  display: block; }
.footer .footer-block .footer-right form .search-box i{ width: 12%;
  float: left;
  font-size: 41px;
  color: #eac402;
  text-align: left;
  height: 40px; }
.footer .footer-block .footer-right form .search-box input[type="email"]{ width: 65%;
  float: left;
  height: 42px;
  padding: 15px;
  color: #fff;
  background: #1c1c1a;
  border: 1px solid #eac402;
  outline: none; }
.footer .footer-block .footer-right form .search-box input[type="submit"]{ width: 23%;
  float: right;
  height: 42px;
  padding: 0;
  color: #000;
  background: #eac402;
  border: 1px solid #eac402;
  outline: none;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold; transition: all 400ms ease-in-out; }
.footer .footer-block .footer-right form .search-box input[type="submit"]:hover{ background: #b19400; letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.footer .footer-block ul.social-footer{ padding: 0; width: 100%; margin: 20px auto 10px; display: inline-block; }
.footer .footer-block ul.social-footer li{ margin: 0 0 0 0px; display: inline-block; padding: 0; border-right: none; background: #0202022b; }
/*.footer .footer-block ul li:nth-child(10){ border-right: none; }*/
.footer .footer-block ul.social-footer li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 10px 20px 10px 18px; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; border-right: 4px solid #151515; }
.footer .footer-block ul.social-footer li a:hover{ background: #eac402; transition: all 400ms ease-in-out; border-right: 4px solid #fff; color: #151515; }

/*Copyright Start*/
.copyright{ width: 100%; position: relative; background: #151515; padding: 10px 0; margin: 0; border-top: 1px solid #4d4a4a; text-align: center; }
.copyright p{ font-size: 14px; line-height: 16px; display: inline-block; color: #fff; padding: 0; margin: 0; }
.copyright p span{ padding: 0 0 0 10px; }
.copyright p a{ color: #ebc500; transition: all 400ms ease-in-out; }
.copyright p a:hover{ color: #f00; transition: all 400ms ease-in-out; }


/*///-------------------TAB / All Mobile Responsiv view SUJOY-------------------///*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    

    
    
    
    
}

@media(max-width: 1440px) {
    .header-top .barnd-text{ width: 15%; padding: 2px 0 0; margin: 0;  }
    .header-bottom .barnd-logo { width: 22%; }
    .head-marquee { width: 98.5%; padding: 6px 15px; }
.sf-menu a { font-size: 13px !important; line-height: 19px !important; padding: 9px 18px 9px 18px !important; margin: 0 0 0 10px !important; }





}

@media(max-width: 1280px){
   


   
}

@media(max-width: 1080px){}

@media(max-width: 900px){

}

@media(max-width: 800px){}



@media(max-width:786px) {
header { position: fixed; top: 0; z-index: 9999; width: 100%; padding: 0 30px; overflow: unset; }
  .container { width: 100% !important; }
.header-top .barnd-text { width: 22%; padding: 2px 0 0; }
.header-top .barnd-text ul li a { font-size: 12px; padding: 0 5px 0 0; line-height: 16px; }

.header-top .barnd-help { width: 30%; padding: 0; }
.header-top .barnd-mail { width: 40%; }
.header-top .barnd-mail ul li a { font-size: 12px; padding: 0 0 0 5px; line-height: 16px; }
.header-top .barnd-help ul li a { font-size: 9px; padding: 3px 6px 4px; line-height: 14px; margin: 0 0 0 5px; }
 .header-bottom .barnd-logo { width: 30%; }
.rotate { top: 1px; width: 36px; }
  .head-marquee { width: 89.5%; padding: 6px 15px; float: left; margin: 3px 0 0 4px; }
.head-marquee .marquee-left { width: 17%; border-right: 4px solid #fff; }
.head-marquee .marquee-left h5 { font-size: 14px; line-height: 22px; }
.head-marquee .marquee-right { width: 83%; padding: 0 0 0 10px; margin: 0; }
.head-marquee .marquee-right marquee { font-size: 12px; line-height: 23px; }

.banner-top { padding: 0 30px; margin: 79px 0 15px; }
.banner-top .banner-middle-content .banner a img.banner-img { width: 100%; height: 375px; }
.banner-top .banner-middle-content { width: 75%; padding: 0 15px 0 0; margin: 10px 0 0; }
.banner-top .banner-left-content { width: 25%; margin: 10px 0 0; height: 510px; }
.banner-top .banner-left-content .banner-left-block img { width: 100%; height: 170px; }
.banner-top .banner-left-content .banner-left-block h4 { font-size: 12px; line-height: 18px; padding: 5px 10px; height: 40px; }
.banner-top .banner-left-content .banner-left-block h5 { font-size: 9px; line-height: 12px; padding: 10px; }
.banner-top .banner-middle-content .banner a .dec h2 { font-size: 18px; line-height: 26px; height: 52px; }
.banner-top .banner-middle-content .banner a .dec h6 { font-size: 14px; line-height: 24px; margin: 10px 0px; height: 48px; }
.banner-top .banner-middle-content .banner a .dec h5 span { font-size: 16px; padding: 0 10px 0 0px; }
.banner-top .banner-middle-content .banner a .dec h5 { font-size: 12px; line-height: 16px; }

.trending { padding: 15px 30px 0; }
.trending h2 { font-size: 20px; line-height: 24px; margin: 0 0 30px; }
.trending .trending-block { width: 31.8%; padding: 10px; margin: 0 5px 20px; }
.trending .trending-block .trending-text-block h4 { font-size: 15px; line-height: 25px; padding: 10px 0; height: 86px; }
.trending .trending-block .trending-text-block p { font-size: 14px; line-height: 24px; height: 70px; }
.trending .trending-block .trending-text-block h5 { font-size: 10px; line-height: 16px; padding: 10px 0 0; margin: 0; }
.trending .read-btn { width: 20%; }
.trending .read-btn a { padding: 10px 0; font-size: 13px; line-height: 16px; margin: 0 0 20px; }

.livetv { padding: 15px 30px 15px; }
.livetv h2 { font-size: 20px; line-height: 24px; margin: 0 0 30px; }
.livetv .youtube-live { margin: 0 0 15px; height: 130px; }

.letest .letest-left { width: 50%; padding: 15px 0 0; }
.letest .letest-left h2 { font-size: 20px; line-height: 24px; margin: 0 0 30px; }
.letest .letest-right { width: 50%; padding: 15px 0 0 10px; }
.letest .letest-right h2 { font-size: 20px; line-height: 24px; margin: 0 0 30px; }
.letest .letest-left .letest-left-block { width: 96.4%; padding: 10px; margin: 0 5px 20px; }
.letest .letest-right .letest-right-block { width: 96.4%; padding: 10px; margin: 0 10px 20px 0; }
.letest .letest-left .letest-left-block .letest-left-text-block h4 { font-size: 15px; line-height: 25px; padding: 10px 0; height: 80px; }
.letest .letest-left .letest-left-block .letest-left-text-block h5 { font-size: 12px; line-height: 20px; padding: 10px 0 0; }

.letest .letest-right .letest-right-block .letest-right-text-block h4 { font-size: 15px; line-height: 25px; padding: 10px 0; height: 80px; }
.letest .letest-right .letest-right-block .letest-right-text-block h5 { font-size: 12px; line-height: 20px; padding: 10px 0 0; }
.read-btn { width: 40%; }
.read-btn a { padding: 10px 0; font-size: 13px; line-height: 16px; margin: 0 0 20px; }
.trending .trending-head-top .trending-head-top-right a { width: 58%; padding: 8px 0; font-size: 12px; line-height: 16px; margin: 0 0 20px; border-radius: 50px 0 0 145px; border-left: 7px solid #171616; border-right: 7px solid #171616; }
a.share-btn { padding: 7px 0 !important; margin: 0 3px 20px 0 !important; font-size: 10px; width: 22%; text-transform: inherit;
  font-weight: 400; }
a.share-btn i { margin: 0 1px 0; }
.footer .footer-block .footer-logo { width: 24%; }
.footer .footer-block ul li { margin: 0 0 15px; padding: 0; }
.footer .footer-block ul li a { font-size: 13px; line-height: 15px; padding: 10px 20px 10px 18px; }
.footer .footer-block ul { padding: 0; width: 93%; margin: 20px auto 10px; }
.footer .footer-block p { padding: 0 30px 15px; font-size: 13px; line-height: 24px; }
.footer .footer-block ul.footer-contact li a { font-size: 13px; line-height: 16px; padding: 0 5px; }
.footer .footer-block ul.footer-contact li i { font-size: 12px; line-height: 16px; padding: 0; }
.footer .footer-block ul.social-footer li a { font-size: 12px; line-height: 16px; padding: 6px 10px 6px 12px; }
.copyright p { font-size: 11px; line-height: 14px; }
.copyright { padding: 5px 0; }
.footer .footer-block h4 { padding: 0 0 10px; margin: 0 0; font-size: 16px; line-height: 20px; }
.footer .footer-block .footer-right form { width: 100%; padding: 0; margin: 0; display: inline-block; }
.footer .footer-block .footer-right form .search-box { width: 76%; }
.footer .footer-block .footer-right form .search-box i { width: 14%; font-size: 33px; height: 35px; padding: 2px 0; }
.footer .footer-block .footer-right form .search-box input[type="email"] { width: 66%; height: 37px; padding: 10px; font-size: 14px; line-height: 16px; }
.footer .footer-block .footer-right form .search-box input[type="submit"] { width: 20%; height: 37px; padding: 0; font-size: 13px; line-height: 16px; }



.inner-nav { width: 92%; padding: 6px 0; margin: 88px auto 0; }
.inner-nav ul li { font-size: 13px; line-height: 16px; padding: 0 5px; }
.about .about-block { padding: 15px 0 0; }
.about .about-block h2 { font-size: 20px; line-height: 24px; margin: 0 0 10px; }
.about .about-block p { font-size: 14px; line-height: 24px; padding: 8px 0; }
.mission .mission-left-block h2 { font-size: 20px; line-height: 24px; margin: 0 0 10px; }
.mission .mission-left-block p { font-size: 14px; line-height: 24px; padding: 8px 0; }
.mission .mission-right-block h2 { font-size: 20px; line-height: 24px; margin: 0 0 10px; }
.mission .mission-right-block p { font-size: 14px; line-height: 24px; padding: 8px 0; }
.mission .mission-left-block { width: 50%; padding: 20px 15px 0 0; height: 427px; }
.award .award-block { padding: 10px 0 0; }
.award .award-block h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.award .award-block .award-right-block .award-box img.pho-gall { height: 185px; }
.award .award-block .award-right-block .award-box .view-caption p { font-size: 14px; line-height: 24px; padding: 8px 0 0; height: 40px; }
.privacy { padding: 20px 30px 0; margin: 5px 0 0; }
.privacy h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.privacy p { font-size: 14px; line-height: 24px; padding: 0 0 6px 0; }
.contact { padding: 15px 30px; }
.contact h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.contact .get-in-touch { width: 54%; padding: 15px; }
.contact .get-in-touch h3 { font-size: 25px; line-height: 30px; padding: 0 0 10px 8px; }
.contact .get-in-touch form .fill-box { width: 100%; float: left; padding: 0 10px; margin: 0 0 20px; }
.contact .get-in-touch form .fill-box label { font-size: 15px; line-height: 17px; padding: 0 0 7px; }
.contact .get-in-touch form .fill-box input { font-size: 14px; line-height: 16px; padding: 10px 10px; height: 35px; }
.contact .get-in-touch form .message textarea { font-size: 14px; line-height: 16px; padding: 10px 10px; width: 100% !important; height: 60px; }
.contact .get-in-touch form .submit-btn input[type="submit"] { width: 50%; padding: 10px 0; font-size: 13px; line-height: 16px; margin: 0; }
.contact .get-in-touch form .submit-btn { margin: 0; }
.contact .contact-now { width: 44%; padding: 15px 20px; margin: 0; }
.contact .contact-now h3 { font-size: 25px; line-height: 30px; padding: 0 0 10px; }
.contact .contact-now ul li { font-size: 14px; line-height: 24px; padding: 5px 0; }
.contact .contact-now ul li i { padding: 0 8px 0 0; font-size: 13px; }
.single .single-left .main-title h2 { font-size: 20px; line-height: 30px; padding: 0 15px 10px 0; margin: 0; text-align: justify; }
.single .single-left .main-title h6 { font-size: 12px; line-height: 18px; padding: 0 15px 0 0; margin: 0; }
.single .single-left .single-image-block p { font-size: 14px; line-height: 24px; padding: 10px 0 0; text-align: justify; }
.single .single-left .single-dec-block p { font-size: 14px; line-height: 24px; margin: 10px 0 15px; }
.twitter-tweet { font-size: 14px; line-height: 24px; }
.single .single-right h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.single .single-right .single-right-block { padding: 10px; margin: 0 10px 10px 0; }
.single .single-right .single-right-block .single-right-text-block h4 { font-size: 15px; line-height: 22px; padding: 0 0 10px; height: 65px; }
.single .single-right .single-right-block .single-right-text-block h5 { font-size: 10px; line-height: 16px; }
.inner-banner { width: 93%; margin: 5px auto 0; height: 170px; }
.editor-desk { padding: 15px 30px 15px; margin: 5px 0 0; }
.editor-desk h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.editor-left-block h4 { font-size: 16px; line-height: 20px; margin: 0 0 5px; }
.editor-down-block p { font-size: 14px; line-height: 24px; padding: 0 15px 10px 0; }
.editor-desk .editor-right-block { width: 30%; padding: 10px; margin: 0 0 20px; height: 265px; }



}
@media(max-width:768px) { 



}

@media(max-width:760px) {
    /*////chek 700////*/
  .header-top .barnd-text { width: 25%; padding: 2px 0 0; }
 .head-marquee { width: 88.5%; padding: 6px 10px; margin: 5px 0 0 4px; }
.header-bottom .navigation { width: 100%; padding: 1px 0 10px 0; }
 .head-marquee .marquee-left h5 { font-size: 12px; line-height: 22px; }
.rotate { top: 1px; width: 30px; }
.banner-top .banner-middle-content .item { background: none; border: none; }
.banner-top .banner-middle-content .banner a .dec { padding: 10px 0; }
.banner-top .banner-middle-content .banner a img.banner-img { height: 280px; }
.banner-top .banner-left-content .banner-left-block img { width: 100%; height: 138px; }
.banner-top { padding: 0 30px; margin: 75px 0 15px; }
 .header-bottom .barnd-logo { width: 33%; }
    .banner-top .banner-left-content { width: 25%; margin: 10px 0 0; height: 428px; }
     .trending .trending-head-top .trending-head-top-right a { width: 60%; padding: 7px 0; font-size: 12px; line-height: 16px; margin: 0 0 20px; border-radius: 50px 0 0 145px; border-left: 7px solid #171616; border-right: 7px solid #171616; }
  .banner-top .banner-left-content .banner-left-block h5 { font-size: 10px; line-height: 16px; padding: 5px 10px; }
.banner-top .banner-left-content .banner-left-block h4 { font-size: 12px; line-height: 17px; padding: 2px 10px; height: 34px; }
.banner-top .banner-middle-content .banner a .dec h5 span { font-size: 14px; padding: 0 5px 0 0px; }
.trending .trending-block { width: 31.5%; padding: 10px; margin: 0 5px 20px; }
.trending .trending-block .trending-image-block { height: 110px; }
  .trending .trending-block .trending-text-block h4 { font-size: 14px; line-height: 23px; padding: 10px 0; height: 78px; text-align: left; }
  .trending .trending-block .trending-text-block p { font-size: 14px; line-height: 24px; height: 66px; text-align: left; }
  .trending .read-btn a { padding: 10px 0; font-size: 12px; line-height: 16px; margin: 0 0 20px; }
 .read-btn a { padding: 10px 0; font-size: 12px; line-height: 16px; margin: 0 0 20px; }
.footer .footer-block ul li a { font-size: 11px; line-height: 13px; padding: 10px 20px 10px 18px; }
.about .about-block .about-right-block { width: 40%; float: right; padding: 10px; margin: 0 0 15px; height: auto; }
.about .about-block .about-right-block img { width: 100%; height: auto; }
  .mission .mission-left-block { width: 50%; padding: 20px 15px 0 0; height: 460px; }
 .award .award-block .award-right-block .award-box img.pho-gall { height: 155px; }
  .inner-nav { width: 92%; padding: 6px 0; margin: 83px auto 0; }
.editor-desk .editor-right-block { width: 30%; padding: 10px; margin: 0 0 20px; height: 220px; }
.contact .get-in-touch form .submit-btn input[type="submit"] { width: 50%; padding: 10px 0; font-size: 12px; line-height: 16px; margin: 0; }

.editor-desk .editor-right-block img {
  width: 100%;
  height: auto;
}




}


@media(max-width:699px) {
    /*////chek 600////*/
.inner-nav { width: 90%; padding: 6px 0; margin: 77px auto 0; }
.header-top .barnd-text { width: 26%; padding: 2px 0 0; }
 .header-bottom .barnd-logo { width: 36%; }
  .head-marquee { width: 87%; padding: 6px 10px; margin: 0 0 0 4px; }
 .head-marquee .marquee-left { width: 20%; border-right: 3px solid #fff; }
.head-marquee .marquee-left h5 { font-size: 11px; line-height: 22px; }
  .head-marquee .marquee-right { width: 80%; padding: 0 0 0 10px; margin: 0; }
.head-marquee .marquee-right marquee { font-size: 11px; line-height: 23px; }
 .banner-top { padding: 0 30px; margin: 69px 0 15px; }
 .banner-top .banner-middle-content .banner a img.banner-img { height: 230px; }
.trending .trending-block { width: 48%; padding: 10px; margin: 0 5px 20px; }
 .trending .trending-block .trending-image-block { height: 150px; }
.trending .read-btn { width: 23%; }
 .livetv .youtube-live { margin: 0 0 15px; height: 145px; }
  .letest .letest-left .letest-left-block { width: 94.4%; padding: 10px; margin: 0 5px 20px; }
.trending .trending-block .trending-text-block h5 { font-size: 12px; line-height: 20px; padding: 10px 0 0; margin: 0; }
.letest .letest-right .letest-right-block { width: 94.4%; padding: 10px; margin: 0 10px 20px 0; }
 .read-btn { width: 44%; }
 .footer .footer-block .footer-logo { width: 25%; }
.footer .footer-block p { padding: 0 30px 15px; font-size: 12px; line-height: 22px; }
  .footer .footer-block ul.footer-contact li a { font-size: 12px; line-height: 16px; padding: 0 5px; }
.footer .footer-block ul.footer-contact li { margin: 0 10px; }
.about .about-block .about-left-block { width: 100%; float: left; padding: 0; margin: 0; }
  .about .about-block .about-right-block { width: 100%; float: right; padding: 10px; margin: 0 0 15px; height: auto; }
 .award .award-block .award-right-block .award-box img.pho-gall { height: 180px; }
 .single .single-left .main-title h2 { font-size: 18px; line-height: 27px; padding: 0 15px 10px 0; margin: 0; text-align: justify; }
.single .single-left { width: 68%; }
.single .single-right { width: 32%; padding: 15px 0 0 10px; margin: 0; }
 .single .single-left .single-image-block p { font-size: 12px; line-height: 22px; padding: 10px 0 0; text-align: justify; }
 .inner-banner { width: 93%; margin: 5px auto 0; height: 150px; }
.editor-desk .editor-left-block { width: 100%; float: left; padding: 0; margin: 0; }
 .editor-desk .editor-right-block { width: 100%; padding: 10px; margin: 0 0 20px; height: auto; }
  .contact .get-in-touch { width: 100%; padding: 15px; }
 .contact .contact-now { width: 100%; padding: 15px 20px; margin: 15px 0 0; }
  .contact .get-in-touch form .submit-btn input[type="submit"] { width: 34%; padding: 10px 0; font-size: 12px; line-height: 16px; margin: 0; }
  a.share-btn { padding: 10px 0 !important; margin: 0 9px 10px 0 !important; font-size: 11px; width: 46%; text-transform: inherit; font-weight: 400; }
.footer .footer-block .footer-right form .search-box { width: 90%; }
}

@media(max-width:580px) {
    /*////chek 490////*/
  header { padding: 0 15px; overflow: unset; }
   .header-top .barnd-text { width: 28%; padding: 5px 0 0; }
 .header-top .barnd-text ul li a { font-size: 10px; padding: 0 3px 0 0; line-height: 16px; }
.header-top .barnd-text ul li { font-size: 11px; }
  .header-top .barnd-text ul li a { font-size: 10px; padding: 0 3px 0 0; line-height: 16px; }
  .header-top .barnd-mail ul li a { font-size: 10px; padding: 0 0 0 5px; line-height: 16px; }
.header-top .barnd-mail ul li i { color: #c61e2c; font-size: 10px; }
 .header-top .barnd-help ul li a { font-size: 7px; padding: 3px 4px 3px; line-height: 12px; margin: 0 0 0 5px; }
.header-top { padding: 0 0 3px; margin: 0px 0; }
.header-bottom .barnd-logo img { padding: 5px 7px 7px; }
.header-bottom .barnd-logo { width: 40%; }
 .head-marquee { width: 84%; padding: 6px 6px; margin: 1px 0 0 3px; }
 .head-marquee .marquee-left { width: 19%; border-right: 2px solid #fff; }
.head-marquee .marquee-left h5 { font-size: 10px; line-height: 20px; }
  .head-marquee .marquee-right { width: 81%; padding: 0 0 0 8px; margin: 0; }
 .head-marquee .marquee-right marquee { font-size: 10px; line-height: 20px; }
.banner-top { padding: 0 15px; margin: 60px 0 15px; }
.banner-top .banner-middle-content .banner a img.banner-img { height: 205px; }
.banner-top .banner-left-content { width: 25%; margin: 10px 0 0; height: 375px; }
  .banner-top .banner-middle-content .banner a .dec h2 { font-size: 16px; line-height: 22px; height: 67px; }
 .banner-top .banner-middle-content .banner a .dec h6 { font-size: 13px; line-height: 24px; margin: 5px 0px; height: 48px; }
.banner-top .banner-middle-content .banner a .dec h5 span { font-size: 13px; padding: 0 5px 0 0px; }
 .banner-top .banner-middle-content .banner a .dec h5 { font-size: 11px; line-height: 16px; }
  .banner-top .banner-left-content .banner-left-block h4 { font-size: 10px; line-height: 16px; padding: 2px 5px; height: 34px; }
.banner-top .banner-left-content .banner-left-block h5 { font-size: 10px; line-height: 14px; padding: 5px 5px; }
  .banner-top .banner-left-content .banner-left-block img { width: 100%; height: 103px; }
.trending { padding: 15px 15px 0; }
.trending .trending-head-top .trending-head-top-right a { width: 100%; padding: 7px 0; font-size: 12px; line-height: 16px; margin: 0; border-radius: 50px 0 0 145px; border-left: 5px solid #171616; border-right: 5px solid #171616; }
.trending .trending-block { width: 100%; padding: 10px; margin: 0 0 20px; }
  .trending h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.trending .trending-block .trending-image-block { height: 240px; }
 .trending .trending-block .trending-text-block h4 { font-size: 14px; line-height: 23px; padding: 10px 0; height: 70px; text-align: left; }
.livetv { padding: 15px 15px 15px; }
.livetv h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px; }
.livetv .youtube-live { margin: 0 0 15px; height: 250px; }
.footer .footer-block .footer-logo img { padding: 5px 7px 7px; }
.footer .footer-block .footer-logo { width: 30%; }
 .footer .footer-block ul li { margin: 0 0 10px; padding: 0; }
.footer .footer-block .footer-left { width: 100%; }
.footer .footer-block .footer-right { width: 100%; border-left: none; padding: 15px 0 0; }
.footer .footer-block .footer-right form .search-box { width: 80%; }
  .footer .footer-block .footer-right form .search-box i { width: 11%; font-size: 33px; height: 35px; padding: 2px 0; }

.footer .footer-block .footer-right form .search-box input[type="submit"] { width: 23%; height: 37px; padding: 0; font-size: 13px; line-height: 16px; }
.footer { margin: 5px 0 0; padding: 20px 0 0; }
.inner-nav { width: 94%; padding: 3px 0 6px; margin: 72px auto 0; }
.inner-nav ul li { font-size: 11px; line-height: 14px; padding: 0 3px; }
.about { padding: 5px 15px 0; margin: 5px 0 0; }
.mission { padding: 0 15px 0; margin: 5px 0 0; border-top: none; display: inline-block; }
.mission .mission-left-block { width: 100%; padding: 20px 15px 0 0; height: auto; border-bottom: 1px solid #ccc; border-right: none; }
 .mission .mission-left-block h2 { font-size: 20px; line-height: 24px; margin: 0 0 10px; }
.mission .mission-left-block { width: 100%; padding: 15px 0 0 0; height: auto; border-bottom: 1px solid #ccc; border-right: none; }
.mission .mission-right-block { width: 100%; float: right; padding: 15px 0; margin: 0; }
.award .award-block .award-right-block .item { margin: 0 5px; }
  .award .award-block .award-right-block .award-box img.pho-gall { height: 165px; }
 .award .award-block .award-right-block .award-box .view-caption p { font-size: 14px; line-height: 20px; padding: 0; height: 30px; }
.single .single-left .main-title h2 { font-size: 18px; line-height: 22px; padding: 0 15px 10px 0; margin: 0; text-align: inherit; }
.single .single-right .single-right-block .single-right-text-block p { font-size: 13px; line-height: 18px; padding: 5px 0; height: 80px; }
.single { padding: 0 15px; margin: 5px 0 0; }
.privacy { padding: 20px 15px 0; margin: 5px 0 0; }
.award { padding: 5px 15px 0; margin: 5px 0 0; }
 .editor-desk { padding: 15px; margin: 5px 0 0; }
.editor-down-block p { font-size: 13px; line-height: 24px; padding: 0 0 10px 0; }

}


@media(max-width:480px) {
    /*////chek 440////*/

  .header-top .barnd-text ul li a { font-size: 9px; padding: 0 3px 0 0; line-height: 16px; }
.header-top .barnd-text ul li { font-size: 10px; }
.header-top { padding: 2px 0; margin: 0px 0; display: inline-block; }
.header-bottom { padding: 0px 0; display: inline-block; }
.header-bottom .barnd-logo { width: 42%; float: left; }
.header-bottom .barnd-logo img { padding: 5px 9px 9px; }
.header-bottom-rigt { width: 100%; float: right; display: block; }
 .header-bottom .navigation { width: 46%; padding: 0; display: inline-block; float: right; }
.head-marquee { width: 100%; padding: 4px 10px; margin: 0; display: block; }
.head-marquee .marquee-left { width: 16%; border-right: 3px solid #fff; }
.head-marquee .marquee-left h5 { font-size: 12px; line-height: 22px; }
.head-marquee .marquee-right { width: 84%; padding: 0 0 0 8px; margin: 0; }
 .banner-top { padding: 0 15px; margin: 107px 0 15px; }
 .banner-top .banner-middle-content .banner a img.banner-img { height: 164px; }
.banner-top .banner-middle-content { width: 73%; padding: 0 10px 0 0; margin: 10px 0 0; }
.banner-top .banner-left-content { width: 27%; margin: 10px 0 0; height: 320px; }
.banner-top .banner-left-content .banner-left-block { margin: 0 0 20px; }
  .banner-top .banner-left-content .banner-left-block img { width: 100%; height: 76px; }
.banner-left-content .item { margin: 12px 0; }
.trending .trending-block .trending-image-block { height: 275px; }
 .trending h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
 .livetv h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
  .footer .footer-block .footer-logo { width: 35%; }
.footer .footer-block .footer-logo img { padding: 5px 9px 8px; }
.footer .footer-block ul { padding: 0; width: 93%; margin: 10px auto 10px; }
 .footer .footer-block ul li a { font-size: 10px; line-height: 13px; padding: 8px 18px 8px 15px; font-weight: 500; color: #e9e9e9; }
.footer .footer-block .footer-right form .search-box { width: 74%; }
.footer .footer-block .footer-right form .search-box i { width: 9%; font-size: 25px; height: 35px; padding: 2px 0; }
 .footer .footer-block .footer-right form .search-box input[type="email"] { width: 68%; height: 32px; padding: 10px; font-size: 12px; line-height: 16px; }
 .footer .footer-block .footer-right form .search-box input[type="submit"] { width: 23%; height: 32px; padding: 0; font-size: 11px; line-height: 14px; }
.footer .footer-block ul.social-footer { padding: 0; width: 100%; margin: 10px auto 0; display: inline-block; }
.inner-nav { width: 93%; padding: 3px 0 6px; margin: 117px auto 0; }
.about .about-block h2 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
  .mission .mission-left-block h2 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
 .mission .mission-right-block h2 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
  .award .award-block h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
.award .award-block .award-right-block .award-box img.pho-gall { height: 280px; }
.privacy h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
 .editor-desk h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
 .inner-banner { width: 93%; margin: 5px auto 0; height: 120px; }
  .single .single-right h2 { font-size: 18px; line-height: 22px; margin: 0 0 20px; }
 .single .single-left .main-title h2 { font-size: 18px; line-height: 22px; padding: 0 10px 5px 0; margin: 0; text-align: inherit; }
.single .single-left .main-title h6 { font-size: 11px; line-height: 16px; padding: 0 10px 0 0; margin: 0; }
.single .single-left .main-title { padding: 10px 0; margin: 0 0 10px; }
.single .single-right { width: 36%; padding: 10px 0 0 10px; margin: 0; }
 .single .single-left { width: 64%; }
.single .single-left .single-image-block { width: 96%; padding: 10px; margin: 0; }
.single .single-left .single-dec-block { width: 96%; padding: 15px 0 0; margin: 0; }
 .single .single-left .single-dec-block p { font-size: 13px; line-height: 24px; margin: 10px 0 15px; }
  a.share-btn { padding: 10px 0 !important; margin: 0 0 15px !important; font-size: 11px; width: 100%; text-transform: inherit; font-weight: 400; }
 .single .single-right .single-right-block .single-right-text-block h4 { font-size: 14px; line-height: 20px; padding: 0 0 10px; height: 60px; }
.single .single-right .single-right-block .single-right-text-block p { font-size: 12px; line-height: 18px; padding: 5px 0; height: 78px; }
.privacy p { font-size: 13px; line-height: 24px; padding: 0 0 6px 0; }
.privacy ul li strong { font-size: 15px; line-height: 20px; }  
  .about .about-block p { font-size: 13px; line-height: 24px; padding: 8px 0; }
   .mission .mission-left-block p { font-size: 13px; line-height: 24px;}
    .mission .mission-right-block p { font-size: 13px; line-height: 24px; padding: 8px 0; }  
  
  
  
  



}

@media(max-width:430px) {
    /*////chek 400////*/

.header-top .barnd-help ul li a { font-size: 7px; padding: 2px 4px 2px; line-height: 12px; margin: 0 2px 0 0; }
 .header-top .barnd-text { width: 29%; padding: 5px 0 0; }
.header-top .barnd-text ul li a { font-size: 8px; padding: 0 3px 0 0; line-height: 16px; }
.header-top .barnd-help { width: 26%; padding: 0; }
 .header-top .barnd-mail ul li a { font-size: 8px; padding: 0 0 0 5px; line-height: 16px; }
.header-top .barnd-mail ul li i { color: #c61e2c; font-size: 7px; }
.header-bottom .barnd-logo { width: 46%; float: left; }
.banner-top .banner-left-content { width: 27%; margin: 4px 0 0; height: 322px; }
 .banner-left-content .item { margin: 10px 0; }
  .banner-top .banner-left-content .banner-left-block img { width: 100%; height: 70px; }
 .trending .trending-head-top .trending-head-top-right a { width: 100%; padding: 7px 0; font-size: 11px; line-height: 16px; margin: 0; border-radius: 40px 0 0 145px; border-left: 4px solid #171616; border-right: 4px solid #171616; }
.livetv .youtube-live { margin: 0 0 15px; height: 200px; }
.footer .footer-block ul.footer-contact li a { font-size: 11px; line-height: 15px; padding: 0 2px; }
.footer .footer-block .footer-right form .search-box { width: 85%; }
.copyright p { font-size: 10px; line-height: 13px; }
.inner-nav { width: 92%; padding: 3px 0 6px; margin: 116px auto 0; }
  .single .single-left .main-title h2 { font-size: 14px; line-height: 24px; padding: 0 10px 5px 0; margin: 0; text-align: inherit; }
.single .single-left .single-image-block p { font-size: 10px; line-height: 20px; padding: 5px 0 0; text-align: justify; }
.single .single-left .single-dec-block p { font-size: 12px; line-height: 24px; margin: 10px 0 15px; }
  .twitter-tweet { font-size: 13px; line-height: 23px; }
.single .single-right .single-right-block .single-right-text-block h4 { font-size: 13px; line-height: 18px; padding: 0 0 10px; height: 54px; }
.footer .footer-block p { padding: 0 30px 15px; font-size: 11px; line-height: 18px; }
 .footer .footer-block h4 { padding: 0 0 8px; margin: 0 0; font-size: 14px; line-height: 16px; }
.inner-nav ul li { font-size: 10px; line-height: 14px; padding: 0 1px; }





}

@media(max-width:399px) {
    /*////chek 385////*/
 .header-top .barnd-text { width: 31%; padding: 0; }
.header-top .barnd-help { width: 27%; padding: 0; }
  .banner-top .banner-middle-content .banner a .dec h2 { font-size: 15px; line-height: 22px; height: 66px; }
.trending .trending-block .trending-image-block { height: 225px; }
 .trending .trending-block .trending-text-block h4 { font-size: 14px; line-height: 23px; padding: 10px 0; height: 60px; text-align: left; }
.trending .trending-block .trending-text-block p { font-size: 13px; line-height: 24px; height: 66px; text-align: left; }
 .trending .trending-block .trending-text-block h5 { font-size: 10px; line-height: 20px; padding: 10px 0 0; margin: 0; }
.editor-down-block p { font-size: 13px; line-height: 24px; padding: 0 15px 10px 0; }
  .editor-left-block h4 { font-size: 14px; line-height: 18px; margin: 0 0 5px; }
.single .single-left .main-title h6 span { padding: 0 0 0 5px; }
 .single .single-left .main-title h6 { font-size: 10px; line-height: 16px; padding: 0 10px 0 0; margin: 0; }
.inner-nav { width: 92%; padding: 3px 0 6px; margin: 113px auto 0; }
.single .single-left .main-title h2 { font-size: 12px; line-height: 21px; padding: 0 10px 5px 0; margin: 0; text-align: inherit; }
 .single .single-right .single-right-block .single-right-text-block p { font-size: 10px; line-height: 18px; padding: 5px 0; height: 75px; }
  .single .single-right .single-right-block .single-right-text-block h5 { font-size: 9px; line-height: 16px; }
   .single .single-right .single-right-block .single-right-text-block h4 { font-size: 12px; line-height: 18px; padding: 0 0 10px; height: 54px; }
    .footer .footer-block ul.social-footer li a { font-size: 10px; line-height: 13px; padding: 6px 10px 6px 12px; }
      .footer .footer-block .footer-right form .search-box input[type="email"] { width: 68%; height: 30px; padding: 10px; font-size: 12px; line-height: 16px; }
  .footer .footer-block .footer-right form .search-box input[type="submit"] { width: 23%; height: 30px; padding: 0; font-size: 11px; line-height: 14px; }
  .head-marquee .marquee-left {
    width: 20%;
    border-right: 3px solid #fff;
  }
  .head-marquee .marquee-right {
    width: 80%;
    padding: 0 0 0 8px;
    margin: 0;
  }

}


@media(max-width:380px) {
    /*////chek 375////*/
.header-top .barnd-help { width: 28%; padding: 0; }

}

@media(max-width:365px) {
    /*////chek 320////*/
  .header-top .barnd-text ul li a { font-size: 7px; padding: 0 1px 0 0; line-height: 16px; }
.header-top .barnd-help ul li a { font-size: 6px; padding: 2px 4px 2px; line-height: 12px; margin: 0 0px 0 0; }
 .header-top .barnd-help { width: 29%; padding: 0; }
  .header-top .barnd-text { width: 29%; padding: 5px 0 0; }
 .header-top .barnd-text ul li { font-size: 9px; }
  .header-top .barnd-text ul li a { font-size: 7px; padding: 0 0px 0 0; line-height: 16px; }
 .header-top .barnd-mail { width: 42%; }
 .header-top .barnd-mail ul li a { font-size: 7px; padding: 0 0 0 4px; line-height: 16px; }
 .header-bottom .barnd-logo {width: 52%;float: left;}
  .head-marquee .marquee-left { width: 20%; border-right: 3px solid #fff; }
.head-marquee .marquee-left h5 { font-size: 10px; line-height: 22px; }
.head-marquee .marquee-right { width: 80%; padding: 0 0 0 8px; margin: 0; }
  .banner-top { padding: 0 15px; margin: 99px 0 15px; }
  .trending .trending-block .trending-image-block { height: 180px; }
  .trending .trending-head-top .trending-head-top-right a { width: 100%; padding: 5px 0; font-size: 11px; line-height: 16px; margin: 0; border-radius: 40px 0 0 145px; border-left: 4px solid #171616; border-right: 4px solid #171616; }
.trending .trending-block .trending-text-block h4 { font-size: 14px; line-height: 23px; padding: 10px 0; height: 76px; text-align: left; }
.livetv .youtube-live { margin: 0 0 15px; height: 150px; }
 .footer .footer-block .footer-logo { width: 40%; }
  .footer .footer-block ul li a { font-size: 9px; line-height: 13px; padding: 6px 11px 6px 9px; font-weight: 500; color: #e9e9e9; }
 .award .award-block .award-right-block .award-box img.pho-gall { height: 240px; }
.footer .footer-block .footer-right form .search-box i { width: 12%; font-size: 25px; height: 35px; padding: 2px 0; }
   .footer .footer-block .footer-right form .search-box input[type="email"] { width: 65%; height: 30px; padding: 10px; font-size: 12px; line-height: 16px; }
 .inner-nav { width: 90%; padding: 3px 0 6px; margin: 108px auto 0; }










}











