@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Light.woff2) format('woff2'),url(../fonts/OpenSans-Light.woff) format('woff'),url(../fonts/OpenSans-Light.ttf) format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Italic.woff2) format('woff2'),url(../fonts/OpenSans-Italic.woff) format('woff'),url(../fonts/OpenSans-Italic.ttf) format('truetype');font-weight:400;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-LightItalic.woff2) format('woff2'),url(../fonts/OpenSans-LightItalic.woff) format('woff'),url(../fonts/OpenSans-LightItalic.ttf) format('truetype');font-weight:300;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-SemiBold.woff2) format('woff2'),url(../fonts/OpenSans-SemiBold.woff) format('woff'),url(../fonts/OpenSans-SemiBold.ttf) format('truetype');font-weight:600;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-ExtraBold.woff2) format('woff2'),url(../fonts/OpenSans-ExtraBold.woff) format('woff'),url(../fonts/OpenSans-ExtraBold.ttf) format('truetype');font-weight:800;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Bold.woff2) format('woff2'),url(../fonts/OpenSans-Bold.woff) format('woff'),url(../fonts/OpenSans-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-BoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-BoldItalic.woff) format('woff'),url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');font-weight:700;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Regular.woff2) format('woff2'),url(../fonts/OpenSans-Regular.woff) format('woff'),url(../fonts/OpenSans-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-SemiBoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-SemiBoldItalic.woff) format('woff'),url(../fonts/OpenSans-SemiBoldItalic.ttf) format('truetype');font-weight:600;font-style:italic}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-ExtraBoldItalic.woff2) format('woff2'),url(../fonts/OpenSans-ExtraBoldItalic.woff) format('woff'),url(../fonts/OpenSans-ExtraBoldItalic.ttf) format('truetype');font-weight:800;font-style:italic}

body{margin:0;padding:0;font-family: 'Open Sans', sans-serif;font-weight:400;font-style:normal;font-size:14px; color: #000;}body, a, p, table, td, input, select, textarea, span,div, h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif!important;}
.common{max-width:1205px;margin:0 auto;clear:both;float:none;display:block}
/* div{float:left;width:100%} */
a{text-decoration:none; transition: all 0.3s;}
ul{margin:0;padding:0;list-style-type:none}
h1,h2,h3,h4,h5,h6{margin:0}
img{max-width:100%}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fades-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fades-in.one {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fades-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fades-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.top-header-area{
    padding:5px 0;
    background:#a5173d;
    height: 90px;
}
.top-header-menu{text-align:center;float:right;width:auto}
.top-header-menu a{font-size:13px;color:#ffe29c !important;border:1px solid #ffe29c;padding:7px 0;margin:0 3px;border-radius:20px;width:92px;display:inline-block; transition: all 0.3s;}
.top-header-menu{margin:30px 0;font-size: 13px;}

.top-header-menu a.active, .top-header-menu a:hover{color:#fff !important;border-color:#fff}
.top-header-menu.after-login {
    color: #fff;
}
body{
    background-color: #f9f3e3 !important;
}
.top-header-menu.after-login span {
    font-weight: 600;
}
.logo{float:left;width:auto}
nav#cssmenu ul li{display:inline-block}
nav#cssmenu ul{text-align:center;font-size:13px}
nav#cssmenu ul li a{font-size:13px;font-weight:700;color:#000;text-transform:uppercase;padding:14px 10px;display:inline-block;transition:all .3s; text-align: left;}
nav#cssmenu ul li:hover a{color:#91203e}
.navigation{background:#f6b801}
nav#cssmenu ul li:first-child a{padding-left:0}
nav#cssmenu ul li:last-child a{padding-right:0}
nav#cssmenu ul li a:after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background:rgba(0,0,0,.2)}
nav#cssmenu ul li a{position:relative}
nav#cssmenu ul li:last-child a:after{display:none}
nav#cssmenu ul.menu-dashboard li a {
    padding: 14px 10px;
}

nav#cssmenu ul.menu-dashboard > li:first-child > a {
    padding-left: 0;
}

nav#cssmenu ul.menu-dashboard > li:last-child > a {
    padding-right: 0;
}
.hero-area.home{background:url(../images/home-bg.jpg) no-repeat center/cover}
.hero-area.home.plain-bg {
    background: #f9f3e3;
	padding-top: 0;
}
.login-card{border:1px solid #f3d79d;width:auto;padding:40px;margin:30px 0;border-radius:8px;background:#fff; width: 358px;}
.login-card h1{font-size:24px;font-weight:700;color:#91203e; margin-bottom:25px;}
.login-card input.field{font-size:14px;background:#fdf4d9;outline:0;border:0;width:97%;padding:17px 0 17px 3%;border-radius:10px}
.login-card input.field::placeholder {
    color: #000;
}
.login-card p{font-size:15px}
p.forgot-new {
    margin-top: 10px;
    clear: both;
    width: 100%;
    float: left;
}
.hero-area.home.plain-bg .login-card
{min-height:443px;}
p.remember-keyboard {
    clear: both;
    width: 100%;
    float: left;
}
p.remember-keyboard,p.remember-keyboard a{font-weight:600;font-size:13px;color:#000}
p.remember-keyboard a{float:right}
p.remember-keyboard a:hover {
    color: #91203e;
}
p.remember-keyboard span{margin-left:5px}
.login-card .form-btn, .login-card input[type=submit]{font-size:15px;font-weight:700;text-transform:uppercase;background:#91203e;padding:13px 49px;border:0;color:#fff; transition: all 0.3s;cursor: pointer; -webkit-appearance: button; font-family: 'Open Sans';}
input[type=submit]{-webkit-appearance: button;}
.login-card .form-btn:hover, .login-card input[type=submit]:hover {
    background: #f6b801;
    color: #000;
}
.login-card input.final-submit {
    padding: 13px 23px;
}
.hero-area.home.plain-bg .login-card form#form_submit {
    margin-bottom: 15px;
}
.form-wrap {
    position: relative;
}

.form-wrap a.show-papssword {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: bold;
    /* line-height: 20px; */
}
p.forgot-new a{font-size:13px;color:#91203e;text-decoration:underline}
p.forgot-new a:hover {
    color: #000;
}
.form-wrap a.show-papssword span {
    margin-left: 5px;
    color: rgba(0,0,0,0.7);
}

.form-wrap a.show-papssword img {
    margin-bottom: -3px;
}
footer.footer-area{background:#f6b801;float:left;width:100%}
.footer-links{position:relative;padding: 15px 0 15px 84px;
    width: calc(100% - 84px);font-size: 13px;}
.footer-links span.isg-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.footer-links span.isg-logo {
    max-width: 57px;
}
.footer-links ul li{display:inline-block}
span.isg-logo{border-right:1px solid #ea9b01;padding:0px 15px 4px 0}
.footer-links ul li a{font-size:13px;color:#000; position:relative}
.footer-links ul li a:hover {
    color: #91203e;
}
.footer-links ul li a:after{content:"|";margin:0 2px}
.footer-links ul li:last-child a:after,nav#cssmenu .top-header-menu{display:none}
.navigation .toggle-menu ul{display:table;width:25px}
.navigation .toggle-menu ul li{width:100%;height:3px;background-color:#f6b801;margin-bottom:4px}
.navigation label{float:right;padding:8px 0;display:none;cursor:pointer}
.navigation input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:0 0;display:none}
.div-row {
    margin: 0 -15px;
    float: none;
    display: inline-block;
    width: auto;
}
.div-column {
    padding: 0 15px;
}
ul.nav-dropdown {
    max-height: 0;
    position: absolute;
    float: left;
    overflow: hidden;
    background: #ffc828;
    z-index: 9;
    min-width: 230px;
    text-align: left;
	transition: all 0.25s linear;
}

nav#cssmenu ul li {
    position: relative;
	transition: all 0.55s linear;
}

nav#cssmenu ul li:hover ul.nav-dropdown {
    height: auto;
    max-height: unset;
	transition: all 0.55s linear;
}

nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: left;
    width: calc(100% - 36px);
    padding: 10px 18px;

}
nav#cssmenu ul li ul.nav-dropdown li a:after
{display:none;}
nav#cssmenu ul li ul.nav-dropdown li {
    display: block;
    border-bottom: 1px solid #b38600;
}

nav#cssmenu ul li ul.nav-dropdown li:last-child {
    border: 0;
}
nav#cssmenu ul ul.nav-dropdown li:hover a {
    background: #91203e;
    color: #fff;
}
.sticky-social {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}
.sticky-social ul li a .fa {
    width: 32px;
    margin: 4px 7px;
    height: 32px;
    border-radius: 50%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
	position:relative;
	transition: all 0.3s;
}
.sticky-social ul li a .fa:after {content: ""; position: absolute;border: 2px solid transparent;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;}

.sticky-social ul li a .fa.fa-facebook {
    background: #3a589b;
    color: #fff;
}

.sticky-social ul li a .fa.fa-twitter {
    background: #1cb7eb;
    color: #fff;
}

.sticky-social ul li a .fa.fa-linkedin {
    background: #007ab9;
    color: #fff;
}

.sticky-social ul li a .fa.fa-instagram {
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #fff;
}

.sticky-social ul li a .fa.fa-youtube {
	background: #ff0000;
    color: #fff;
}
.announcement-text-home {
    background: #f3d79d;
    padding: 10px 0;height: 42px;
    box-sizing: border-box;
}
.announcement-text-home p, .announcement-text-home a{
    margin: 0;
    font-weight: 600;
	color:#000;font-size:13px;
}
form{
    padding: 0px;
}
.imgs-container {
        position: relative;
    width: 100%;
    /* height: 290px; */
    height: 270px;
    margin: 0;
    }

    .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
        opacity: 0;
        transition: 1s ease-in-out;
        overflow: hidden;
		box-shadow: 0px 1px 5px #999999;
    }

    .slide img {
        width: 100%;
    }

    button {
        position: absolute;
        top: 50%;
        border: none;
        background: rgba(32, 26, 26, 0.527);
        color: rgb(243, 243, 243);
        padding: 10px 16px;
        margin-top: -25px;
        font-size: 30px;
        z-index: 1000;
        font-weight: 900;
        transition: 0.5s ease-in-out;
    }

    .prev {
        left: 0;
    }

    .next {
        right: 0;
    }


    button:hover {
        background: rgba(32, 26, 26, 0.527);
    }

    .dots_container {
        display: flex;
        margin: 5px auto;
        width: fit-content;
    }

    .dots {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background: #bdbdbd;
        margin: 4px;
    }

    .dots:hover {
        background: #696969 !important;
    }

    @media screen and (max-width:600px) {
      .slide{
        height:fit-content;
      }
      .container{
height:200px;}
    button {
        top: 50%;
    }
    }
@media only screen and (max-width:991px){.common{padding:0 15px}
.top-header-area .top-header-menu{display:none}
.logo{width:calc(100% - 45px)}
.navigation{position:relative}
.navigation label{display:inline-block;position:absolute;right:15px;top:-70px}
nav#cssmenu .top-header-menu{display:block;background:#91203e;padding:10px 0;margin:0; margin-top: 15px;width: 100%;}
.navigation nav{display:none;position:absolute;right:0;top:0;background-color:#f6b801;padding:0;z-index:99}
input[type=checkbox]:checked~nav{display:block}
nav#cssmenu ul li{width:100%}
nav#cssmenu .top-header-menu a{margin-bottom:5px}
nav#cssmenu ul li a:after{left: 8px;
    right: 8px;top:auto;bottom:0;width:auto;height:0px}
nav#cssmenu ul li a{width:100%;padding:10px 0}
ul.nav-dropdown {
    height: auto;
    max-height: unset;
}
ul.nav-dropdown {
    position: static;
	width: 100%;
}
nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: center;
}
nav#cssmenu ul li ul.nav-dropdown li a {
    text-align: left;
	    width: auto;
    display: block;
}

nav#cssmenu ul.menu-dashboard li a {
    width: calc(100% - 16px);
    padding: 10px 8px !important;
    text-align: left;
}

nav#cssmenu ul li ul.nav-dropdown li {
    border: 0;
}
li.has-dropdown > a:before {
    content: "";
    /* border-left: 20px solid transparent; */
    /* border-right: 20px solid transparent; */
    /* border-top: 20px solid #f00; */
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate( 
45deg
 );
    -webkit-transform: rotate( 
45deg
 );
    position: absolute;
    right: 8px;
}
}
@media only screen and (max-width:767px){
.top-header-area{height:94px;}
nav#cssmenu .top-header-menu a{margin-bottom:5px}
.footer-links span.isg-logo{position:static;width:100%;text-align:center;transform:none;border-right:0;border-bottom:1px solid #ea9b01;float:left;padding:15px 0 19px 0; max-width: unset;}
.footer-links span.isg-logo img {
    max-width: 57px;
}
.footer-links{width:calc(100% - 20px);padding:10px;text-align:center}
.footer-links ul{padding:15px 0 24px;float:left;width:100%}
.due-reward, ul.card-list li {
    width: calc(100% - 15px);
}

ul.tab li a {
    margin-right: 5px;
    padding-right: 5px;
}

ul.tabs li {
    margin-right: 10px;
	margin-bottom: 5px;
}

ul.tabs {
    padding-left: 0;
}

ul.tabs li a {
    font-size: 13px;
}

ul.transactions-list li {
    padding: 12px 0;
}
.sticky-social {
    position: static;
    text-align: center;
    transform: none;
    width: 100%;
    background: #f3d79d;
    padding: 8px 0px;
    float: left;
    height: 32px;
}

.sticky-social ul li {
    display: inline-block;
}
.sticky-social ul li a .fa {
    margin: 0 3px;
}
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size:14px;
    color: #000;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #91203e #ffffff;
}
body {
    display: block;
    margin: 8px;
}
*::-webkit-scrollbar {
    width: 10px;
}
*::-webkit-scrollbar-thumb {
    background-color: #91203e;
    border-radius: 10px;
    border: 0px solid #ffffff;
}
*::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 20px;
}
.wrapper{
    height: 100%;
    width: 100%;
    max-width: 960px;
    background-color: #91203e;
}
.left-box{
    -ms-flex: 0 0 70%;padding: 0 20px;
    flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    max-width: 70%;
}
.right-box{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    max-width: 30%;
    padding-bottom: 20px;
}
/* .table-in-content{
    width: 100%;
    padding: 8px 10px;
} */

.padding-link{
    padding: 5px 0 0 0;
    display: block;
}

.left-table-bg{
    width: 286px;
    padding: 0 10px;
}
div.navBulletsWrapper{
    top: 308px;
}
.leftbluelink001{
    display: inline-block;
    padding: 10px 0; text-shadow: none;
}.leftbluelink{text-shadow: none;}
.paragraph{
    display: inline-block;font-size:14px;
    padding:  0;
}
.img-right-content{
    display: block;
    padding: 0 15px 0 20px;
}
.res-card-img{
    width: 300px;
}
.banner-img img:nth-child(2){
    height: unset;
    width: unset;
}
.just-center {
    display: flex;
    align-items: center;
}
.email-img{
    margin-left: 10px;
}
.pb{
    padding-bottom: 20px !important;
}
.sitemap-right-box{
    width: 30%;
    padding-bottom: 20px;
}
.mr{
    display: block;
    margin-right: 10px;
}
.custome-leftbox{
    width: 700px;
}
.ipad-respon{
    display: block;
    margin: 0 auto;
    height: 100%;
    max-width: 270px;
    border: 2px solid #a20c3b;
    border-radius: 25px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    overflow: hidden;
    min-height: 270px;
    padding-bottom: 20px;
    background-image: url(../images/right_box.jpg);
}
.white_heading{
    display: block;
    padding: 10px 0px;
    width: 100%;
    background-color: #a20c3b;
}
.right_down_box, .right_box{
    background-image: none !important;
    height: auto !important;
}
.cus-blink, .blink{
    display: block;
    padding: 10px;
}
.cus-blink a{
    display: block;
    padding: 5px 0px 0px 0;font-size:14px;
}
.cus-blink a:first-child{
    padding-top: 0px;
}
.table-in-content{
    display: block;
}
.right_down_box{
    width: 100%;
    display: block;
}.right-box .white_heading{font-weight: 700;text-transform: uppercase;font-size:14px;height: auto;}.bluebar001{border: #a20c3b 1px solid;color: #fff !important;background:#a20c3b;font-size:14px;}.bluebar001 a{color: #fff !important;font-size:14px;}
td,th,.button{font-size:14px !important;}
.leftbluelink{font-size: 15pt;}
.hd1-new{font-size: 13.2pt;}
.hd2-new{font-size: 12.2pt;line-height: 2;}
.line-1{line-height:1.3;float: left;width: 100%;margin-bottom: 8px;margin-top: 8px;}
.leftbluelink{text-shadow: none!important;}

.inside-blt { padding-left: 18px; display: inline-block; width: 97%; }
.inside-blt li { padding-left: 2px; list-style: disc; width: 100%; float: left; margin-bottom: 10px; text-align: left;}
.inside-blt li img { display: inline-block; position: relative; top: 8px; max-width: 100% !important; width: auto; }
.tabcontent.tabcontent-01 { height: auto; }
.leftbluelink-012 {text-align:left; width:100%}
.pd-tb1{padding:20px 0;}
.pd-t1{padding-top:20px;}
.pd-b1{padding-bottom:20px;}
.inside-blt.inside-blt2{width: 80%;}

.dots_container .dots { cursor: pointer; }
.mail-img {top:4px !important;}
.mail-img-2 { top: 3px; position: relative; }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .left-box{
        display: block;padding: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        -webkit-flex: 0 0 100%;
    }
    .mr-right{
        margin-top: 45px;
    }
    .pl-ft{
        padding: 0 12px;
    }
    .cus-pat{
        width: 173px !important;
        height: 18px !important;
        left: -43px !important;
        top: 35px !important;
    }
    .right-box{
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 15px 0;
        -webkit-flex: 0 0 100%;
    }
    #slider{
        width: 100%;
        height: 160px;
        background-size: cover !important;
    }
    #slider img{
        max-width: 100%;
    }
    .mcSlc{background-size: cover !important;}
    
    div.navBulletsWrapper{
        width: 50%;
        left: 50%;
        top: 178px;
        transform: translateX(-50%);
    }
    form{
        padding: 0px;
    }
    .leftbluelink001{
        padding: 10px 15px;
        width: 92%;
        background: antiquewhite;
    }
    .paragraph{
        padding: 0 15px 10px 15px;
    }
    .left-table-bg{
        width: 100%;
    }
    /* .table-in-content {
        padding: 15px 10px;
        width: 100%;
    } */
    
    .right_box{
        width: 100%;
        height: 395px;
        background-size: contain;
    }
    .mr{
        margin: 0 10px;
    }
    .mob-p{
        display: block;
        padding: 0 15px;
        text-align: left;
    }
    .text-left{
        text-align: left;
    }
    .br-none{
        display: none;
    }
    .img-right-content{
        padding: 0;
    }
    .pl{
        padding-left: 15px;
        display: block;
    }
    .res-table{
        display: block;
        overflow-x: scroll;
        width: 340px;
        overflow-y: hidden;
    }
    .align-center{
        text-align: center !important;
    } 
    .banner-img{
        display: block;
        width: 100%;
        text-align: center;
    }
    .banner-img img{
        display: block;
        width: 100%;
    }
    .res-box{
        display: block;
        width: 100%;
        height: 590px;
        flex-direction: column;
    }
    .type-five{
        height: 710px;
    }
    .type-six{
        height: 710px;
    }
    .type-seven{
        height: 680px;
    }
    .type-eight{
        height: 765px;
    }
    .type-twelve{
        height: 700px;
    }
	.type-eleven{
        height: 810px;
    }
    .res-card-img{
        text-align: center;
        display: block;
        position: relative;
        height: auto;
        width: 100%;
    }
    .res-card-img img{
        width: 100%;
        height: 100%; 
    }
    .mx{
        margin: 0 auto;
        width: 94%;
    }
    .align-left{
        text-align: left;
        margin-bottom: 10px;
    }
    .arrow-icon img{
        height: unset;
        width: unset;
        display: inline-block;
    }
    *::-webkit-scrollbar {
        height: 10px;
    }
    *::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }
    *::-webkit-scrollbar-track {
        border-radius: 10px;
    }
}
@media only screen and (min-device-width : 481px) and (max-device-width : 768px){
    .left-box{
        display: block;
        height: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .ipad-respon{
        max-width: 228px;
    }
    .right-box{
        display: block;
        height: 100%;
        max-width: 100%;
        padding: 20px 15px;
        height: 350px;
    }
    .right_down_box, .right_box{
        background-size: contain;
    }
    .left-table-bg{
        width: 100%;
    }
    .ipad-respon{
        width: 100%;
    }
    .half-width{
        width: 33%;
        float: left;
        padding: 10px 0;
    }
    .breack-none{
        display: none !important;
    }
    .paragraph, .leftbluelink001{
        display: block;
        text-align: center;
    }
    .paragraph{
        padding-bottom: 15px;
    }
    .leftbluelink{
        display: block;
        text-align: center;
    }
    .align-center{
        text-align: center !important;
    }
    .title{
        display: block;
        width: 92% !important;
        padding: 0 15px;
    }
    .banner-img{
        display: block !important;
        width: 100% !important;
        text-align: center;
    }
    .banner-img img{
        display: block;
        width: 100%;
    }
    .mob-p{
        display: block;
        padding: 0 15px;
        text-align: left;
    }
    .br-none{
        display: none;
    }
    .pl{
        padding-left: 15px;
        display: block;
    }
    .table-bg-img img{
        height: 100% !important;
        width: 100% !important;
    }
    .arrow-icon{
        width: 100% !important;
        padding: 0px;
    }
    .email-img{
        width: auto !important;
        height: auto;
        display: inline-block !important;
    }
    .just-center{
        display: block;
    }
    .bg-full-width{
        width: 100%;
    }
    .bg-full-width img{
        width: 100%;
    }
}
@media only screen and (min-device-width : 360px) and (max-device-width : 361px){
    #slider{
        width: 100%;
        height: 155px;
        background-size: cover !important;
    }
    #slider img{
        max-width: 100%;
    }
    .mcSlc{background-size: cover !important;}
    .right_box{
        height: 378px;
    }
    .right_down_box {
        height: 180px;
    }
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px){}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1279px){}
@media (min-width: 1279px) and (max-width: 1280px){}