@media
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape),
	only screen and (min-width:481px) and (max-width:767px) 
	{

 .csd {
	position:relative;
	top:0px;
	background:rgba(255,255,255,1);
	padding:0;
	color:#fff;
}
 section.csd::after {
     content: "";
     background: url('../images/be1.jpg') repeat-x 50% 50%;
     opacity: 0.5;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
}

.csd .jContainer { background: transparent; }
.csd .jContainer .container { background: transparent; }

 .csd .flex-container {
    border:0px solid orange;
     display:flex;
     flex-direction:column;
     flex-wrap:wrap;
     justify-content:space-evenly;
     align-items: stretch;
     align-content:center;
     padding: 0px;
     background: rgba(255,255,255,1);
}

 .flex-Item {
    position:relative;
     top:0;
     width:100%;
}
 .flex-Item.one {    
	background: rgba(255, 255, 255, 1);
 }

 .csdBoxBigLeft {
	padding: 25px 5px 0px 5px;
	text-align:center;
}

.flex-Item.two {
	background-color: rgba(255,255,255,1);
	color: #159;
}
.csdBoxBigRight {    padding:0px 25px 20px 25px;}

 .csdBoxBigLeft .heading {
    line-height:1.5
}

 .csd .heading .titleTxt {
     display:block;
     font-weight:bold;
     font-size:100%;
     font-size:12vw;
     color: rgba(0, 139, 192, 1);
     xx-text-shadow:1px 1px 5px #333;
}

 .csd hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid rgba(0, 139, 192, 1);
}

 .csd .subTitleTxt {
	line-height:1.5em;
	color:rgba(0,175,255,1);
	text-align:center;
}


 .csdBoxBigRight .ptxt.pra1 {
     font-family: 'OpenSansSemiBold';
     line-height:1.5em;
}

 .csdBoxBigRight .ptxt {
     font-family: 'OpenSansRegular';
     line-height:1.5em;
}

 .csd .csdBoxBigRight .heading {
    font-size:110%;
	color: rgba(0, 139, 192, 1);
}

 .csd .csdLst {
    margin:15px 0 15px 0;
     padding:0;
     background:pink-xx
}

.csd  .csdLst .lil1 {
     position: relative;
     top: 0;
     padding:0 0 10px 20px;
}
.csd  .csdLst .lil1 .ptxt {
    margin: 0;
    line-height:1.5;
	color: rgba(0, 139, 192, 1);
}
 .csd .csdLst .lil1.caretRt01-Gnr:before {
    display:none
}
 .csd .csdLst .lil1.caretRt01-Gnr:after {
     top: 8px;
     border-left-color: rgba(0, 139, 192, 1);
}

 .csd .csdBx3-ftr {
     position:relative;
     height:50px;
     max-width:275px;
     text-align:center;
     margin:0 auto ;
     xx-box-shadow:0px 0px 25px 0px #ccc;
}

.csd div.explr {
     display:block;
     height:50px;
     margin: 0 auto;
     position:absolute;
     left:0px;
     text-align:center;
     width:100%;
}

 .csd .explr a.csdmore {
    font-size:125%;
     height:100%;
     display:block;
     line-height:2.25em;
     transition: all .5s ease-in-out;
     color: #008cc0;
     xx-box-shadow:0px 1px 0px 0px #000;
     xx-border:none;
     x--background: rgba(6,104,156,012);
	 border: 1px dashed #008cc0;
}

 .csd .explr i.fa {
     color: #008cc0;;
     transition: all .5s ease-in-out;
}
 
/* media@320 */
}





@media only screen and (min-width:768px) and (max-width:991px) {

 .csd {
	position:relative;
	top:0px;
	background:rgba(255,255,255,1);
	padding:0;
	color:#fff;
}
 .csd::after {
     content: "";
     background: url('../images/be1.jpg') repeat-x 50% 50%;
     opacity: 0.5;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
}

.csd .jContainer { background: transparent; }
.csd .jContainer .container { background: transparent; }

 .csd .subTitleTxt{
     font-family: 'OpenSansLight';
     text-align:center;
}
/* .csd ul.csdLst p.csd-mtr {
     margin: 0 0 5px 25px;
     color:#159;
}
 */
 .csdLst {
    margin:10px 0 0 0;
     padding:0;
     background:pink-xx
}
 .csdLst .lil1 {
     position:relative;
     top:0;
     padding: 5px 0 5px 20px;
}
 .csdLst .lil1.caretRt01-Gnr:before {
    display:none
}
 .csdLst .lil1.caretRt01-Gnr:after {
     top: 12px;
     border-left-color: #000630;
}
 .csdLst .lil1 .ptxt{
     margin:0;
     line-height:1.25
}
/* ******************* */
 .csd .flex-container {
    border:0px solid orange;
     display:flex;
     flex-direction:row;
     flex-wrap:wrap;
     justify-content:space-evenly;
     align-items: stretch;
     align-content:center;
}
 .flex-Item {
    position:relative;
     top:0;
     width:50%;
}
 .flex-Item.one {
     background:rgba(0,70,150,1);
}
 .flex-Item.two {
     background-color:rgba(255,255,255, .25);
     color:#000630;
}
 .csdBoxBigLeft {
     padding:100px 25px;
     xxbox-shadow:-1px 0px 1px -1px #999;
     xxheight:inherit;
     text-align:right;
     padding-top:100px 
}
 .csdBoxBigRight {
     padding:20px 25px;
     border-radius:0px;
     overflow:hidden;
     padding-top:20px;
}
 .csdBoxBigRight .ptxt.pra1{
    font-family: 'OpenSansSemiBold';
}
 .csdBoxBigLeft .heading {
     display:block;
     font-size: 3.0rem;
     line-height:1.5;
     text-shadow:1px 1px 5px #333;
     color:rgba(0,175,255,1) 
}
 .csdBoxBigLeft .heading .titleTxt {
}
 .csd .subTitleTxt {
     padding:50px 0px;
     font-weight: normal;
     font-size: 100%;
     text-align:right;
     color:#dfffff;
     color:rgba(0,175,255,1);
}
/*  .csd .fa-2x {
    font-size: 115%;
} */
 .csd .csdBx3-ftr {
    position:absolute;
     right:10px;
     bottom:25px;
     height:50px;
     width:40%;
     text-align:center;
     margin:0 auto;
     box-shadow:0px 0px 25px 0px ccc;
}
 .csd .explr {
     display:block;
     height:50px;
     margin: 0 auto;
     position:absolute;
     left:0px;
     text-align:center;
     width:100%;
}
 .csd .explr a.csdmore {
    font-size:125%;
     height:100%;
     display:block;
     padding:0 10px;
     line-height:2.25em;
     transition: all .5s ease-in-out;
     margin-right:-12px;
     background:#f5f5f5;
     color:#aaa;
     border:2px solid #fff
}
 .csd .explr a.csdmore:hover {
     color:#fff;
     transition: all .5s ease-in-out;
     border:2px solid rgba(255,212,84,1);
     box-shadow:0px 1px 0px 0px #000;
     background:rgba(255,212,84,1);
    background:orange;
     border:2px solid orange
}
 .csd .explr i.fa {
     color:#aaa;
     transition: all .5s ease-in-out;
}
 .csd .explr a.csdmore:hover i.fa {
     color:#fff;
     ;
     transition: all .5s ease-in-out;
}



/* i768-x991 */
}

















@media only screen and (min-width:992px) and (max-width:1199px) {

 .csd {
	position:relative;
	top:0;
	background:rgba(255,255,255,1);
	padding:0;
	color:#fff
}
 .csd::after {
     content: "";
     background: url('../images/be1.jpg') repeat-x 50% 50%;
     opacity: 0.5;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
     z-index: -1;
}

 .csd .jContainer { background: transparent; }
 .csd .jContainer .container { background: transparent; }

 .csd .subTitleTxt{
     font-family: 'OpenSansLight';
     text-align:center;
}
/* .csd ul.csdLst p.csd-mtr {
     margin: 0 0 5px 25px;
     color:#159;
}
 */
 .csdLst {
    margin:10px 0 0 0;
     padding:0;
     background:pink-xx
}
 .csdLst .lil1 {
    position:relative;
     top:0;
     padding: 0 0 0 20px;
}
 .csdLst .lil1.caretRt01-Gnr:before {
    display:none
}
 .csdLst .lil1.caretRt01-Gnr:after {
     top: 12px;
     border-left-color: #000630;
}
 .csdLst .lil1 .ptxt{
     margin:0
}
/* ******************* */
 .csd .flex-container {
    border:0px solid orange;
     display:flex;
     flex-direction:row;
     flex-wrap:wrap;
     justify-content:space-evenly;
     align-items: stretch;
     align-content:center;
}
 .flex-Item {
    position:relative;
     top:0;
     width:50%;
}
 .flex-Item.one {
    background:rgba(0,70,150,1);
}
 .flex-Item.two {
    background-color:rgba(200,200,200, .25);
     color:#159
}
 .csdBoxBigLeft {
     padding:100px 25px;
     xxbox-shadow:-1px 0px 1px -1px #999;
     xxheight:inherit;
     text-align:right;
     padding-top:100px 
}
 .csdBoxBigRight {
     padding:20px 25px;
     border-radius:0px;
     overflow:hidden;
     padding-top:130px;
}
 .csdBoxBigRight .ptxt.pra1{
    font-family: 'OpenSansSemiBold';
}
 .csdBoxBigLeft .heading {
     display:block;
     font-size: 3.75rem;
     line-height:1.5;
     text-shadow:1px 1px 5px #333;
     color:rgba(0,175,255,1) 
}
 .csdBoxBigLeft .heading .titleTxt {
}
 .csd .subTitleTxt {
     padding:50px 0px;
     font-weight: normal;
     font-size: 130%;
     text-align:right;
     color:#dfffff;
     color:rgba(0,175,255,1);
}
/*  .csd .fa-2x {
    font-size: 115%;
} */
 .csd .csdBx3-ftr {
    position:absolute;
     right:10px;
     bottom:25px;
     height:50px;
     width:40%;
     text-align:center;
     margin:0 auto;
     box-shadow:0px 0px 25px 0px ccc;
}
 .csd .explr {
     display:block;
     height:50px;
     margin: 0 auto;
     position:absolute;
     left:0px;
     text-align:center;
     width:100%;
}
 .csd .explr a.csdmore {
    font-size:125%;
     height:100%;
     display:block;
     padding:0 10px;
     line-height:2.25em;
     transition: all .5s ease-in-out;
     margin-right:-12px;
     background:#f5f5f5;
     color:#aaa;
     border:2px solid #fff
}
 .csd .explr a.csdmore:hover {
     color:#fff;
     transition: all .5s ease-in-out;
     border:2px solid rgba(255,212,84,1);
     box-shadow:0px 1px 0px 0px #000;
     background:rgba(255,212,84,1);
    background:orange;
     border:2px solid orange
}
 .csd .explr i.fa {
     color:#aaa;
     transition: all .5s ease-in-out;
}
 .csd .explr a.csdmore:hover i.fa {
     color:#fff;
     ;
     transition: all .5s ease-in-out;
}
 


/* i992-x1199 */
}








@media only screen and (min-width:1200px) {
 .csd {
	background:#fff;
	background:rgba(255,255,255,1);
	padding:0;
	position:relative;
	top:0;
	color:#fff
}
 .csd::after {
     background: url('../images/be1.jpg') repeat-x 50% 50%;
     content: "";
     opacity: 0.5;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: -1;
}

 .csd .jContainer {    
	xx-background: #dde2b2;
    xx-background-image: linear-gradient(135deg, #9fb3cc 10%, #ffffff 10%, #ffffff 50%, #9fb3cc 50%, #9fb3cc 60%, #ffffff 60%, #ffffff 100%);
	background-image: linear-gradient(135deg, #008bc0 15%, #ffffff 0%, #ffffff 60%, #008bc0 50%, #008bc0 70%, #ffffff 60%, #ffffff 100%);
	background-image: linear-gradient(135deg, #ffd52f 15%, #ffffff 0%, #ffffff 60%, #fed52f 50%, #fed52f 70%, #ffffff 60%, #ffffff 100%);
    xx-background-size: 5.00px 5.00px;
}

 .csd .jContainer .container {background:transparent}
 
 .csd .subTitleTxt{
     font-family: 'OpenSansLight';
     text-align:center;
}
 .csd .csdLst {
    background:pink-xx;
     margin:10px 0 0 0;
     padding:0;
}
 .csd .csdLst .lil1 {
    padding: 0 0 0 20px;
    position:relative;
     top:0;
}
 .csd .csdLst .lil1.caretRt01-Gnr:before {
    display:none
}
 .csd .csdLst .lil1.caretRt01-Gnr:after {
     border-left-color: #008bc0;
     top: 12px; 
}
 .csd .csdLst .lil1 .ptxt{
     margin:2px
}
/* ******************* */
 .csd .flex-container {
    border:0 solid orange;
     display:flex;
     flex-direction:row;
     flex-wrap:wrap;
     justify-content:space-evenly;
     align-items: stretch;
     align-content:center;
}
 .csd .flex-Item {
    position:relative;
     top:0;
     width:50%;
}
 .csd .flex-Item.one {
    xx-background: rgba(0, 32, 68, 1);
    background: rgba (255, 255, 255, 1);
	xx-background-image: linear-gradient(135deg, #00668f 10%, #003a91 10%, #003a91 50%, #00668f 50%, #00668f 60%, #003a91 60%, #003a91 100%);
    xx-background-size: 5.0px 5.0px;
}

 .csd .flex-Item.two {
    background-color: rgba(255,255,255,1);
    xx-color:#159;
    color: #008bc0;
	xx-background-image: linear-gradient(45deg, #ffffff 40%, #38c0ff 40%, #38c0ff 50%, #ffffff 50%, #ffffff 90%, #38c0ff 90%, #38c0ff 100%);
    xx-background-size: 5.0px 5.0px;



}
 .csd .csdBoxBigLeft {
     padding:100px 25px;
     padding-top:100px;
     text-align:right;
}
 .csd .csdBoxBigRight {
     border-radius:0px;
     overflow:hidden;
     padding:20px 25px;
     padding-top:130px;
}
 .csd .csdBoxBigRight .ptxt.pra1{
    font-family: 'OpenSansSemiBold';
}
 .csd .csdBoxBigRight .ptxt {
    font-family: 'OpenSansRegular';
}
 .csd .csdBoxBigRight .heading { color: rgba(0, 139, 192, 1)}

 .csd .csdBoxBigLeft .heading {
     display:block;
     font-size: 4rem;
     line-height:1.5;
     xx-text-shadow:1px 1px 5px #333;
	 color: rgb(160,210,255,1);
	 color: rgba(0, 139, 192, 1);
}
 .csd .csdBoxBigLeft .heading .titleTxt {
}
 .csd .subTitleTxt {
     padding:50px 0px;
     font-weight: normal;
     font-size: 115%;
     text-align:right;
     color:#dfffff;
     color:rgba(0,175,255,1);
	 color: rgba(0, 139, 192, 1);
}
 .csd .csdBx3-ftr {
     position:absolute;
     right:10px;
     bottom:25px;
     height:50px;
     width:40%;
     text-align:center;
     margin:0 auto;
     box-shadow:0px 0px 25px 0px ccc;
}
 .csd .explr {
     display:block;
     height:50px;
     margin: 0 auto;
     position:absolute;
     left:0px;
     text-align:center;
     width:100%;
}
 .csd .explr a.csdmore {
    font-size:125%;
     height:100%;
     display:block;
     padding:0 10px;
     line-height:2.25em;
     transition: all .5s ease-in-out;
     margin-right:-12px;
     xx-background:#f5f5f5;
     color: rgb(0 146 202);
     border:2px dashed rgb(0 146 202);
	xx-background-image: linear-gradient(135deg, #00668f 10%, #003a91 10%, #003a91 50%, #00668f 50%, #00668f 60%, #003a91 60%, #003a91 100%);
	xx-background: #008cc1;
    xx-background-size: 5.0px 5.0px;

}
 .csd .explr a.csdmore:hover {
     color:#fff;
     transition: all .5s ease-in-out;
     xx-border:2px solid rgba(255,212,84,1);
     box-shadow:0px 1px 0px 0px #000;
     background:rgba(255,212,84,1);
     background:rgba(255, 213, 47,1);
     xx-background:orange;
     border:2px solid orange
}
 .csd .explr i.fa {
     color: rgb(0 146 202);
     transition: all .5s ease-in-out;
}
 .csd .explr a.csdmore:hover i.fa {
     color:#fff;
     ;
     transition: all .5s ease-in-out;
}
 
/* i1200 */
}