﻿.text-contnt{width:100%;float:none;max-width:1024px;margin:0 auto}
.cs-slider .slick-slider .slick-prev{background:url(../img/lft.png);background-size:100%;background-repeat:no-repeat;border:none;padding:25px;background-position:100%;cursor:pointer;left:5px}
.cs-slider .slick-slider .slick-next{background:url(../img/rgt.png);background-size:100%;background-repeat:no-repeat;border:none;padding:25px;background-position:100%;cursor:pointer;right:5px}
.bordr{width:100%;float:left;background: #4f84c4 none repeat scroll 0 0;border: 1px solid #f0f0f0;padding:3px}
.four-img-sec {
    float: left;
    width: 100%;margin:10px 0;
background-color: #4f84c4;
}
.four-img-sec .sec-one {
    float: left;
     width: 25%;text-align: center;
background-color: #4f84c4;
}
.sec-one > a {
    text-decoration: none;color:#ffffff;
}
.ist-text-sec {
    color: #000080;
    float: left;
    padding:0 20px 0 0;
    text-align: left;
    width: 50%;
}
.lst-txt > a {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}
.lst-txt {
    color: #000080;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    width: 100%;
}
.text-sec {
    float: left;
    text-align: center;
    width: 100%;
}
.sec-one  a span:hover {text-decoration:underline;background:#D1DFF3}
.four-img-sec .sec-one img {
    padding: 0 15px 0 0;height:auto;
    width: 100%;

}
/*.four-img-sec .sec-one:nth-child(4){height:243px}
.four-img-sec .sec-one:nth-child(4) img{padding:0;height:100%}*/
/*Slick Slider Css Start*/
.cs-slider{width:100%;float:left;margin: 15px 0;}
.cs-slider > h4 {
    background: #a4bee2 none repeat scroll 0 0;margin: 0 0 5px;
    color: #000080;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.cs-slider .lazy img {
 
    width: 100%;height:auto;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*Slick Slider Css End*/
.slick-list.draggable{width:100%}
.slick-prev.slick-arrow,.slick-next.slick-arrow{position:absolute;top:40%;z-index:99}
.slick-next.slick-arrow{right:0}


@media only screen and (min-width: 1024px) and (max-width: 1400px){
	
/****************************************************************/
}

@media only screen and (min-width: 960px)and (max-width: 1023px) {
	
/****************************************************************/
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/****************************************************************/
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
.ist-text-sec{width:50%;float:left}	
	
/****************************************************************/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ist-text-sec{width:100%}
.text-sec{padding:5px}
.w3-main #portfolio{padding:0;margin:0}
#portfolio .w3-container{margin:0}
#mySidenav{z-index:999 !important}
/*********************************************************************/
}

@media only screen and (min-width: 480px) and (max-width: 599px){
.ist-text-sec{width:100%;margin-bottom:10px}
/****************************************************************/
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.four-img-sec .sec-one{width:49%;margin-left:5px}	
.four-img-sec .sec-one:nth-child(2n+1){margin-left:0}
.cs-slider{padding:10px 5px 0px 5px}
.four-img-sec .sec-one img{padding:0}
.sec-one span {float: left;margin: 5px 0;width: 100%;}
.lst-txt{width:100%;padding:5px}
.text-sec{padding:5px}
.text-sec p{margin:0}
.lst-txt > a{margin-bottom:15px}
.cs-slider{margin-bottom:0px}
.cs-slider .slick-slider .slick-prev, .cs-slider .slick-slider .slick-next{padding:18px}
#mySidenav{z-index:999 !important}
/****************************************************************************/
	
}

@media only screen and (min-width: 240px) and (max-width: 479px){
.four-img-sec .sec-one{width:49%;margin-left:5px}	
.cs-slider{margin-bottom:0px}
.four-img-sec .sec-one:nth-child(2n+1){margin-left:0}
.cs-slider{padding:10px 5px 0px 5px}
.four-img-sec .sec-one img{padding:0}
.sec-one span {float: left;margin: 5px 0;width: 100%;}
.ist-text-sec, .lst-txt{width:100%;padding:5px}
.text-sec p{margin:0}
.lst-txt > a{margin-bottom:15px}
#mySidenav{z-index:999 !important}
.cs-slider .slick-slider .slick-prev, .cs-slider .slick-slider .slick-next{padding:18px}
/****************************************************************************/
}

.wq_form_content input[type=checkbox]{width:auto; margin-left:5px}