.cw46w1 {min-height: 475px;}

.mydivs {
    height:auto;
}
.mydivs>div {
	height: 100%;
	overflow-y: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 9.5em;
	padding-bottom: 1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


html {
     box-sizing: border-box;
}
 *, *::before, *::after {
     position: relative;
     box-sizing: inherit;
}
 .container {
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     width: 90%;
     max-width: 90rem;
     margin-top: 0rem;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 5rem;
}
 .container:after {
     content: " ";
     display: block;
     clear: both;
}
 .item {
     display: block;
     width: 100%;
     overflow: hidden;
     margin-top: 3rem;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 3rem;
     font-size: 1rem;
}
 li {
	list-style-type: none;
	display: block;
	margin-top: 30px;
	font-size: medium;
	line-height: normal;
	margin-bottom: -12px;
}
 ul.fa-ul2 li:before {
     font-family: FontAwesome;
     content: '\f111';
     color: #F80000;
     font-size: 10px;
     padding-right: 5px;
     margin-left: -1.6em;
}
 ul.fa-ul3 li:before {
     font-family: FontAwesome;
     content: '\f111';
     color: #6f8894;
     font-size: 10px;
     padding-right: 5px;
     margin-left: -1.6em;
}
 @media screen and (min-width: 40rem) {
     .item {
         box-sizing: border-box;
         width: 100%;
         float: left;
         height: 60vw;
         max-height: 30rem;
         margin: 0 auto;
    }
}
 @media screen and (min-width: 60rem) {
     .item-1-3 {
         box-sizing: border-box;
         width: 33.33333%;
         float: left;
         font-size: 1rem;
    }
}
 @media screen and (min-width: 60rem) {
     .item-2-3 {
         box-sizing: border-box;
         width: 33.33333%;
         float: left;
    }
}
 @media screen and (min-width: 60rem) {
     .item-3-3 {
         box-sizing: border-box;
         width: 33.33333%;
         float: left;
    }
}
 .bg_img {
     display: block;
     width: 100%;
     height: auto;
     -o-object-fit: cover;
     object-fit: cover;
}
 @media screen and (min-width: 40rem) {
     .bg_img {
         position: absolute;
         z-index: 0;
         width: 100%;
         height: 100%;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    }
}
 @media screen and (min-width: 40rem) {
     .item:hover .bg_img {
    }
}
 .text_wrapper {
     display: block;
     color: #313131;
}
 @media screen and (min-width: 40rem) {
     .text_wrapper {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: -108px;
         color: #dfdfdf;
         font-size: 1.25em;
    }
     .text_wrapper:hover {
    }
}
 @media screen and (min-width: 70rem) {
     .text_wrapper {
         font-size: 1.5rem;
    }
}
 .text_position {
     display: block;
}
 @media screen and (min-width: 40rem) {
     .text_position {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         width: 100%;
    }
}
 @media screen and (min-width: 50rem) {
     .text_position {
         width: 100%;
    }
}
 @media screen and (min-width: 60rem) {
     .text_position {
         /*width: 121%;*/
    }
}
 @media screen and (min-width: 40rem) {
     .text_position-left {
         left: 5%;
         width: 60%;
    }
}
 @media screen and (min-width: 50rem) {
     .text_position-left {
         width: 40%;
    }
}
 @media screen and (min-width: 40rem) {
     .text_position-right {
         right: 5%;
         left: auto;
         width: 60%;
    }
}
 @media screen and (min-width: 50rem) {
     .text_position-right {
         width: 40%;
    }
}
 @media screen and (min-width: 50rem) {
     .text_position-1-3 {
         left: 5%;
         width: 90%;
    }
}
 .item--title {
     display: block;
     font-family: Univers;
     font-size: 1.8em;
     font-weight: 100;
     text-align: center;
     letter-spacing: 0.1em;
     color: inherit;
}
 @media screen and (min-width: 40rem) {
     .item--title-left {
         text-align: left;
    }
     .item--title-right {
         text-align: right;
    }
}
 .item--text {
     display: block;
     padding: 0 1em;
     margin: 1em 0;
     font-size: 1.2em;
     text-align: justify;
     letter-spacing: 0.05em;
     color: inherit;
}
 @media screen and (min-width: 40rem) {
     .item--text {
         padding: 0;
    }
}
 .fullscreen-bg {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: hidden;
}
 .fullscreen-bg::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 1;
}
 .fullscreen-bg__video {
    /*position: absolute;
    */
     top: -50px;
    /*left: 0;
     width: 100%;
     height: 100%;
    */
     width: 100%;
     height: auto;
}
 @media (max-aspect-ratio: 16 / 9) {
     .fullscreen-bg__video {
         width: 100%;
        /*left: -100%;
        */
         position: absolute;
         top: 0%;
    }
}
 @media (max-width: 767px) {
     .fullscreen-bg {
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
    }
     .fullscreen-bg__video {
         display: none;
    }
}
 .cw53new {
     padding-top: 0.3em;
     max-width: 1200px !important;
     margin-bottom: 2em;
     margin-top: -1.5em 
}
 .cw53w1new {
     margin-top: 0;
     margin-right: -0.5em;
     margin-left: -0.5em;
     display: table;
     border-spacing: 20px 20px 
}
 .cw53w1new {
     display: block; 
    overflow: hidden;
    margin: auto;
    text-align: center;
}
 .cw {
     width: 100%;
     max-width: 1180px;
     clear: both;
     margin-top: 0;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 3em;
     -webkit-transition: margin .4s ease;
     -moz-transition: margin .4s ease;
     transition: margin .4s ease 
}
 .cw:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0 
}
 .cw1 {
     width: 100%;
     clear: both;
     margin-top: 0;
     margin-right: auto;
     margin-left: auto;
     -webkit-transition: margin .4s ease;
     -moz-transition: margin .4s ease;
     transition: margin .4s ease 
}
 .cw1:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0 
}
 .divbox {
     width: 32.3%;
     background: #edeff0;
     position: relative;
     overflow: hidden;
     display: inline-block;
     margin-top: 0.5%;
     margin-right: 0.5%;
     margin-left: 0.5%;
     margin-bottom: 0.5%;
     padding-bottom: 3em;
     float: left;
     height: 260px;
     padding-left: 0px;
     padding-top: 0%;
}
 .divbox.cw53newfeatured {
    /*background-color: #D1D3D4;
    */
     padding-top: 0px;
}
 .divbox .cw53w2new p {
     color: #333333;
     font-size: 20px;
     font-size: 1.5rem;
     padding: 0.6em 0;
     margin: 0;
     line-height: 1.3em;
     text-align: left;
}
 .divbox .cw53w2new h3 {
     color: #F80000;
     text-transform: none;
     padding: 1em 0 0 0;
     font-size: 14px;
     font-size: 1.4rem;
     font-weight: bold;
     margin: 0;
     text-align: left;
}
 divbox .cw53w2new a {
     color: #225080;
     font-size: 17px;
     font-size: 1.7rem;
     padding: 0.5em 0 0.5em 1em;
     position: relative;
     font-weight: bold 
}
 divbox .cw53w2new a:hover {
     text-decoration: underline 
}
 divbox .cw53w2new a:before {
     color: #225080;
     left: -1em;
     font-size: 23px;
     font-size: 2.3rem;
     top: 0.23em;
     position: absolute;
     left: -5px;
     height: 19px;
     width: 19px;
     overflow: hidden 
}
 divbox .cw53w3new a {
     color: #000;
     font-size: 1.5rem;
     padding: 0 0 0 1.5em;
     float: left;
     position: relative 
}
 divbox .cw53w3new a:before {
     color: #225080;
     font-size: 2.5rem;
     top: 0.05em;
     position: absolute;
     left: 0 
}
 divbox .cw53w3new span {
     color: #999;
     float: right;
     font-size: 14px;
     font-size: 1.4rem;
     font-weight: bold 
}
 divbox.cw53newfeatured .cw53w3new span {
     color: #ffffff 
}
 divbox div.sharewidget {
     width: 80% 
}
 divbox div.sharewidget a.sharewidget {
     width: 100% 
}
 divbox div.sharewidget a.sharelink {
     font-size: 1.5rem;
     padding: 0;
     float: none;
     font-size: 20px;
     font-size: 2rem 
}
 divbox div.sharewidget a.sharewidget span {
     visibility: visible;
     float: right;
     color: #000;
     font-weight: normal;
     padding-left: 0.2em;
     font-size: 14px;
     font-size: 1.4rem 
}
 divbox div.sharewidget div.icn-share-alt:before {
     font-size: 25px;
     font-size: 2.5rem;
     top: 0;
     left: -3px 
}
 .cw53new .o-bttns {
     text-align: center;
     float: none 
}
 .cw53new .o-bttns>div {
     margin: 1em 8px .6em 0;
     float: none;
     display: inline-block 
}
 .cw53newcbar {
     margin-bottom: 10px 
}
 .cw53newcbar i {
     height: 10px;
     position: absolute;
     bottom: -10px;
     left: 0;
     width: 109% 
}
 .divbox .cw53w2new, .divbox .cw53w3new {
     clear: both;
     width: 100%;
     padding: 0.5em 5% 0 5% 
}
 .divbox .cw53w3new {
     padding: 0.8em 4.5% 0.6em 4.5%;
     position: absolute;
     bottom: 0 
}
 .divboxtilesdesktop {
     width: 100%;
     visibility: visible;
     position: relative;
     top: 0 
}
 .divboxtilestablet {
     visibility: hidden;
     height: 0;
     overflow: hidden;
     position: fixed;
     top: 150% 
}
 .divboxtilerow {
     width: 100%;
     display: table-row;
     height: 8em 
}
 @media only screen and (max-width: 1240px) {
     .cw53new {
         margin: 0 auto 2em auto 
    }
    .f11w1 .nav {
        float: right;
    }
    .f11w1 nav .nav .navbar-right {
        margin-right: 0;
        float: right;
    }
}
 @media only screen and (max-width: 974px) {
     .divbox {
         width: 49% 
    }
     .divboxsdesktop {
         visibility: hidden;
         height: 0;
         overflow: hidden;
         position: fixed;
         top: 150% 
    }
     .divboxstablet {
         visibility: visible;
         height: auto;
         overflow: visible;
         position: relative;
         top: 0 
    }
     .divbox div.sharewidget div.icn-share-alt:before {
         left: 1px;
         top: 0px 
    }
     .divbox.divboxvisible:nth-child(3n+1) {
         animation-delay: .2s;
         -webkit-animation-delay: .2s;
         -moz-animation-delay: .2s 
    }
     .divbox.divboxvisible:nth-child(3n+2) {
         animation-delay: .4s;
         -webkit-animation-delay: .4s;
         -moz-animation-delay: .4s 
    }
    .example3 .nav >li {
        margin-left:0 !important;
    }
    .example3 .nav >li >a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
    }
}
 @media only screen and (max-width: 770px) {
     .divbox.cw53newtwitter .cw53w3new a {
         height: 22px;
         width: 0px;
         padding-left: 26px 
    }
     .divbox.cw53newtwitter .cw53w2new {
         height: 95% 
    }
     .divbox div.sharewidget a.sharewidget span {
         font-size: 18px;
         font-size: 1.8rem 
    }
}
@media only screen and (max-width: 767px) {
    #myCarousel {
        background: #000;
        margin-top: 90px!important;
    }
    .f11w1 .nav {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .f11w1 #navbar2 {
        margin:0 !important;
        background: #000;
        width: 100% !important;
    }
    .nav.container{
        padding:0;
    }
    .f11w1 nav .nav .navbar-right {
        float: none;
        width: 100%;
        max-width: 100%;
        padding-bottom: 30px;
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu {
        border-left: 2px solid rgba(248,0,0,0.77) !important;
    }
    .navbar-nav .open .dropdown-menu>li {
        display: block;
        text-align: center;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
}
@media only screen and (max-width: 667px) {
    #myCarousel .item {
        margin-top: 0!important;
    }
    .fintech-page .fintech-banner .carousel-caption {
        bottom: -20px;
    }
}
 @media only screen and (max-width: 600px) {
     .divbox {
         width: 100%;
         display: block !important;
         margin: 0.8em 0 
    }
     .divboxrow .divbox:first-child {
         margin-top: -1.5em 
    }
     .divbox.divboxvisible:nth-child(3n+1), .divbox.divboxvisible:nth-child(3n+2), .divbox.divboxvisible:nth-child(3n+3) {
         animation-delay: .5s;
         -webkit-animation-delay: .5s;
         -moz-animation-delay: .5s 
    }
     .divbox .cw53w2new {
         float: none;
         display: inline-block 
    }
     .divbox .cw53w2new h3 {
         padding: 1em 0 1em 0;
         float: left;
         width: 100% 
    }
     .divbox .cw53w2new p {
         float: left;
         line-height: 1.3em;
         width: 100% 
    }
     .cw53newmobileimg, .divboximg {
         display: block;
         width: 100%;
         float: left;
         margin-top: -1px 
    }
     .cw53tweet {
         padding: 0 0 3em 0;
         transform: translateY(15%) 
    }
     .cw53newtweet:after {
         margin-top: 0.5em 
    }
     .cw53newtwitter .twitterprofile .cw53newtwitterimage {
         width: 13% 
    }
     .twitterprofile .cw53newprofilename, .twitterprofile a {
         width: 85%;
         font-size: 24px;
         font-size: 2.4rem 
    }
     .cw53newtwitter .twitterprofile {
         position: relative;
         float: left 
    }
     .divbox.cw53newtwitter .cw53w2new {
         position: relative 
    }
     .divbox.cw53newtwitter {
         overflow: hidden 
    }
     _::-moz-math-stretchy, _:-moz-ui-valid, :root divbox .cw53w2new {
         min-height: 0 
    }
     _::-moz-math-stretchy, _:-moz-ui-valid, :root divbox .cw53w3 {
         padding: 1em 0px 2em 1em !important 
    }
     _::-moz-math-stretchy, _:-moz-ui-valid, :root divbox.cw53newtwitter .cw53w2new {
         padding: 3em 2.5% 2em 
    }
}
 @media only screen and (max-width: 435px) {
     divbox {
         margin: 0.4em 0.5%;
         padding-bottom: 0 
    }
     .cw53w1new {
         display: block 
    }
     divbox .cw53w3new {
         position: relative;
         padding: 1em 0 2em 1em;
         bottom: auto;
         float: none 
    }
     divbox.cw53newtwitter .cw53w2new {
         height: auto;
         clear: both;
         padding: .5em 5% 0 5% 
    }
     .cw53newtweet {
         padding: 2em 0 2em 0;
         position: relative;
         float: left;
         width: 100%;
         -webkit-transform: none;
         -moz-transform: none;
         -ms-transform: none;
         -o-transform: none;
         transform: none 
    }
     .cw53newtwitter .twitterprofile {
         position: relative !important 
    }
     .cw53newtwitter .twitterprofile .cw53newtwitterimage {
         width: 17% 
    }
     .twitterprofile .cw53newprofilename, .twitterprofile a {
         width: 81%;
         font-size: 21px;
         font-size: 2.1rem 
    }
     divboxvisible {
         -webkit-animation: cw53fadein 0.3s forwards;
         -moz-animation: cw53newfadein 0.3s forwards;
         -o-animation: cw53newfadein 0.3s forwards;
         animation: cw53newfadein 0.3s forwards 
    }
    #u12 table tr td, #u12 table tr th {
        display: block;
        padding: 0 15px;
    }
}
 div.sharewidget div.icn-share i.ie-icn, div.sharewidget div.icn-share-alt i.ie-icn {
     height: 100% !important 
}
 .cw53newimgw1 {
     padding-top: 65%;
     position: relative;
     background: #d3d8db 
}
 .cw53newfeatured .cw53newimgw1 {
     background: #5e6e78 
}
 .cw53newimgw1 img {
     position: absolute;
     top: 0;
     left: 0 
}



 .backgroundimg{
     height: 100%;
     width: 100%;
     background-image: url(../images/2ndbodybg-02.png);
     background-size: cover;
     position: relative;
     top: 2em 
}
 .slide:hover, .slide:focus {
     -webkit-box-shadow: inset 8.5em 0 0 0 var(--hover);
     box-shadow: inset 30em 0 0 0 var(--hover);
}
 .slide {
     --color: white;
     --hover: white;
}
 button {
     color: var(--color);
     -webkit-transition: 0.25s;
     transition: 0.25s;
}
 button:hover, button:focus {
     border-color: var(--hover);
     color: red;
}
 button {
     background: red;
     border: 2px solid;
     line-height: 1;
     margin: 0.5em;
     padding: 1em 2em;
}
 .slide1:hover, .slide1:focus {
     -webkit-box-shadow: inset 8.5em 0 0 0 var(--hover);
     box-shadow: inset 30em 0 0 0 var(--hover);
}
 .slide1 {
     --color: white;
     --hover: white;
}
 button1 {
     color: var(red);
     -webkit-transition: 0.25s;
     transition: 0.25s;
}
 button1:hover, button1:focus {
     border-color: var(--hover);
     color: red;
}
 button1 {
     background: red;
    /*border: 2px solid;
    */
     line-height: 1;
     margin: 0.5em;
     padding: 1em 2em;
}


.img-responsive3 {
	height:105%!important;
	width:100%!important;
	filter:brightness(95%);
}
 .blackbg{
     background-color: black;
     padding-top: 10px;
}
 .logoresponsive{
}
 .my-carousel{
     /*margin-top: -370px;*/
}
@media only screen  and (min-width:600px) and (max-width: 1280px){
	 
     .navi img.img-responsive {
        /*position: absolute;
        */
         bottom: 20px;
         z-index:999;
    }
     .fullscreen-bg__video {
         width: 100%;
         height: auto;
    }
     .my-carousel{
         margin-top: -495px;
    }
}



@media only screen and (min-device-width : 360px) and (max-device-width : 630px){
	 .blackbg img.img-responsive {
         width: 30%!important;
         bottom: 20px!important;
		 margin-left:15px!important;
    }
	
	.logoresponsive img.img-responsive {
         width: 30%!important;
         bottom: 20px!important;
		margin-left:15px!important;
    }
	.f11w1 .container{
         top: 20px!important;
    }
	.logoresponsive .container{
         top: 20px;
         padding-bottom: 20px;
    }
	.my-carousel{
         margin-top: 39px!important;
    }
	
	.carousel-inner>.item{
		height:250px;
		
	}

	.carousel-caption{
		margin-bottom:-30px;
		font-size:0.8em;
	}
	.carousel-caption2{
		margin-bottom:10px;
		margin-left:1px;
		font-size:0.5em;
	}
	.carousel-caption3{
		margin-bottom:0px;
		margin-left:1px;
		font-size:0.5em;
	}

	.carousel-inner img.img-responsive{
		height:250px!important;
		top:0px;
	}
		.carousel-inner img.img-responsive2{
		height:250px!important;
			top:0px;
	}
	.navbar-collapse{
		background-color: black;
		width: 117%;
		right: 0%!important;
		margin-left:-20px!important;
	}
	.my-carousel .carousel-caption2{
         margin-left: -38px;
         margin-bottom: 40px!important;
    }
     .my-carousel .carousel-caption2 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption2 h2{
		 font-size:4em!important;
		 line-height: 15px!important;
    }
	.my-carousel .carousel-caption3{
         margin-left: -38px;
         margin-bottom: 15px!important;
    }
     .my-carousel .carousel-caption3 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption3 h2{
		 font-size:4em!important;
		 line-height: 15px!important;
    }
	.item{
		margin-top:-1px!important;
		margin-bottom:0px!important
	}
	
	.text_position{
		margin-top:-150px!important;
		top:-60px!important;
		margin-left: -20px!important;
	}
	
	
}



 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	 
     .blackbg img.img-responsive {
         width: 30%;
        /*position: absolute;
        */
         bottom: 20px;
    }
     .blackbg .container{
         top: 20px;
    }
}

 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
     .logoresponsive img.img-responsive {
         width: 30%;
        /*position: absolute;
        */
         bottom: 20px;
    }
     .logoresponsive .container{
         top: 20px;
         padding-bottom: 20px;
    }
	 .my-carousel .carousel-caption{
         margin-bottom:-20px!important;
    }
     .my-carousel .carousel-caption2{
         margin-left: -40px!important;
         margin-bottom: 40px!important;
    }
     .my-carousel .carousel-caption2 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption2 h2{
		 font-size:4em!important;
    }
	  .my-carousel .carousel-caption3{
         margin-left: -40px!important;
         margin-bottom: 20px!important;
    }
     .my-carousel .carousel-caption3 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption3 h2{
		 font-size:4em!important;
    }
}

 @media only screen and (min-device-width : 375px) and (max-device-width : 667px){
     .my-carousel{
         margin-top: 30px;
    }
     .text_position{
         /*margin-left:50px!important;*/
		 /*margin-top:150px!important;*/
    }	 	 
	 
	  .carousel-inner .img-responsive2{
         height:100%!important;
         width: 100%!important;
         margin-top:-50px!important;
    }
	 
}



@media only screen and (min-device-width : 393px) and (max-device-width : 623px){
	.my-carousel{
         margin-top: 37px!important;
    }
	
	 .my-carousel .carousel-caption2{
         margin-left: -42px!important;
         margin-bottom: 40px!important;
    }
     .my-carousel .carousel-caption2 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption2 h2{
		 font-size:4em!important;
    }
	.my-carousel .carousel-caption3{
         margin-left: -44px!important;
         margin-bottom: 10px!important;
    }
     .my-carousel .carousel-caption3 p{
         line-height: 11px!important;
		 font-size:3em!important;
    }
	    .my-carousel .carousel-caption3 h2{
		 font-size:4em!important;
    }
	.item{
		margin-top:-1px!important;
		margin-bottom:0px!important
	}
	
	.text_position{
		margin-top:-150px!important;
		top:-60px!important;
		margin-left: -20px!important;
	}
	
	.navbar-collapse{
		
		width: 116%!important;

	}
}




 @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
     .blackbg img.img-responsive {
         width: 30%;
        /*position: absolute;
        */
         bottom: 20px;
    }
     .blackbg .container{
         top: 20px;
    }
}
 @media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
     .logoresponsive img.img-responsive {
         width: 30%;
        /*position: absolute;
        */
         bottom: 20px;
    }
     .logoresponsive .container{
         top: 20px;
         padding-bottom: 20px;
    }
     .my-carousel .carousel-caption2{
         margin-left: -45px!important;
         margin-bottom: 20px!important;
    }
	  .my-carousel .carousel-caption3{
         margin-left: -45px!important;
         margin-bottom: 15px!important;
    }
     .my-carousel .carousel-caption{
         margin-bottom:-10px!important;
    }
     .my-carousel .carousel-caption h2{
         font-size: 3em!important;
    }
     .my-carousel .carousel-caption2 p{
         line-height: 1.5em!important;
         font-size: 3em!important;
    }
     .my-carousel .carousel-caption2 h2{
         font-size: 4em!important;
    }
     .my-carousel .carousel-caption2 button{
         font-size: 3em!important;
    }
	 .my-carousel .carousel-caption3 p{
         line-height: 1.5em!important;
         font-size: 3em!important;
    }
     .my-carousel .carousel-caption3 h2{
         font-size: 4em!important;
    }
     .my-carousel .carousel-caption3 button{
         font-size: 3em!important;
    }
     .carousel-inner .img-responsive{
         height:100%!important;
         width: auto!important;
    }
     .carousel-inner .img-responsive2{
         height:100%!important;
         width: auto!important;
         margin-top:-50px!important;
    }
}
 @media only screen and (min-device-width : 414px) and (max-device-width : 736px){
     .my-carousel{
         margin-top: 30px!important;
    }
     .text_position{
         margin-left:50px!important; 
		 margin-top:150px!important;
			/* top:-150px!important;*/
    }
	      .navbar-collapse{
         background-color: black;
         /*width: 39.2em!important;*/
         right: 0%!important;
         /*margin-left:-20px!important;*/
    }
}







@media only screen and (max-width : 320px) {

     .my-carousel{
         margin-top: 48px!important;
		 margin-bottom:0px!important;
		height:150px!important;
	}

	
	 .blackbg img.img-responsive {
         width: 15%;
         bottom: 20px;
		 margin-left: 10px!important;
    }
	
	.nav{
		margin-top:-24px!important;
	}
	.nav span{
		font-size:0.6em!important;
	}

	 .carousel-inner .img-responsive{
         height:200px!important;
         width: auto!important;
    }
     .carousel-inner .img-responsive2{
         height:200px!important;
         width: auto!important;
         top:30px!important;
    }
	
	.my-carousel .carousel-caption{
	margin-bottom: -20px!important;
	font-size: 1rem;
    }
     .my-carousel .carousel-caption h2{
         font-size: 1.5em!important;
    }
	.my-carousel .carousel-caption .playimg{
         width: 30%!important;
		height: auto!important;
    }
	
	.my-carousel .carousel-caption2{
         margin-left: -30px!important;
         margin-bottom: 10px!important;
    }
	 .my-carousel .carousel-caption2 p{
         line-height: 1em!important;
         font-size: 1em!important;
    }
     .my-carousel .carousel-caption2 h2{
         font-size: 1em!important;
    }
     .my-carousel .carousel-caption2 button{
         font-size: 0.7em!important;
		 border: solid 0.1em;
    }
	.my-carousel .carousel-caption3{
         margin-left: -30px!important;
         margin-bottom: 10px!important;
    }
	 .my-carousel .carousel-caption3 p{
         line-height: 1em!important;
         font-size: 1em!important;
    }
     .my-carousel .carousel-caption3 h2{
         font-size: 1em!important;
    }
     .my-carousel .carousel-caption3 button{
         font-size: 0.7em!important;
		 border: solid 0.1em;
    }
	.text_position{
		margin-top:-120px!important;
		top:-50px!important;
	}
	
	.text_position .vertical{
		width: 7%!important;
		height: auto!important
	}
	.cw1 .item{
		margin-top:0px!important;
		margin-bottom: -4px!important;
	}
	.c99v0w11 .slide{
		font-size: 0.5em!important;
		border: solid 0.3em;
	}
}