﻿@charset "utf-8";
/* CSS Document */

.col-md-6.boxcontent.no-left-padding {
    background-image: url("../../images/boxicons/c.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 289px;
}

.ssectimg {
    left: 19px;
    position: relative;
    top: 48px;
}

.leftcontent {
    float: left;
    margin-bottom: 12px;
    padding-left: 4px;
    padding-top: 2px;
    width: 60%;
}
.mbttom{
	margin-bottom:0px !important;
	}

.no-left-padding {
    padding-left: 0 !important;
}
.imgcontent {
    float: left;
    margin-top: 14px;
    width: 40%;
}
.firstimg > img {
}

.imgcontent > img {
    width: 90% !important;
}
.firstimg img {
    width: 117%;
}
.sectimg > img {
    width: 119%;
}
.sectimg {
    position: relative;
    top: 49px;
}

.firstimg {
    float: left;
    left: 0;
    position: relative;
    top: -11px;
    width: 49%;
}
.firstimg img {
    width: 100%;
}



.boxwrapper {
    float: right;
    margin-bottom: 12px;
    padding-top: 24px;
    width: 74%;
}

.leftboxw {
    width: 48%;
}

.boximg {
    float: left;
    width: 26%;
}
.smalltitle {
    color: #a61988;
    font-size: 20px;
    line-height: 24px;
}
.egipts > img {
    position: relative;
    top: 16px;
}
.boxcontent {
    margin-top: 2px;
}
.onesection {
    margin-bottom: 0;
    margin-top: 12px;
}

.insuranceservies {
    padding-top: 23px;
}
.lastsection {
    float: left;
    /* commented on 14th May 2015 */
    /*margin-bottom: 66px !important;*/
}

.ptop10{
	padding-top:20px;
	}
.mobdisplay{
		display:none;
		}	
	
	
@media screen and (min-width: 300px) and (max-width:499px) {
	
.mobdisplay{
		display:block !important;
}
	
.leftcontent.contentp > p img {
    float: right;
}

.imgcontent {
    display: none;
}
.leftcontent {
    width: 100% !important;
}
.boximg{
	display:none;
	}
.boxwrapper{
	width:100% !important;
	}			
.boxwrapper > p img {
    float: right;
}
.leftcontent > p img {
    float: right;
}
.boxcontent {
    padding: 0 !important;
    width: 100% !important;
}	
	
	
}

@media screen and (min-width: 500px) and (max-width:599px) {
	
.mobdisplay{
		display:block !important;
}
	
.leftcontent.contentp > p img {
    float: right;
}

.imgcontent {
    display: none;
}
.leftcontent {
    width: 100% !important;
}
.boximg{
	display:none;
	}
.boxwrapper{
	width:100% !important;
	}			
.boxwrapper > p img {
    float: right;
}
.leftcontent > p img {
    float: right;
}
.boxcontent {
    padding: 0 !important;
    width: 100% !important;
}	
	
	
}

@media screen and (min-width: 600px) and (max-width:699px) {
	
.mobdisplay{
		display:block !important;
}
	
.leftcontent.contentp > p img {
    float: right;
}

.imgcontent {
    display: none;
}
.leftcontent {
    width: 100% !important;
}
.boximg{
	display:none;
	}
.boxwrapper{
	width:100% !important;
	}			
.boxwrapper > p img {
    float: right;
}
.leftcontent > p img {
    float: right;
}
.boxcontent {
    padding: 0 !important;
    width: 100% !important;
}	
	
	
}
@media screen and (min-width: 700px) and (max-width:767px) {

.onesection {
    clear: both;
    margin-bottom: 0;
    margin-top: 12px;
	float:left;
	
}

.mobdisplay{
		display:none !important;
}
	

}

@media screen and (min-width: 768px) and (max-width:899px) {
.onesection {
    clear: both;
	float:left;	
}
.boximg > img {
    width: 85%;
}
	
}


@media screen and (min-width: 900px) and (max-width:990px) {
.onesection {
    clear: both;
	float:left;	
}
.boximg > img {
    width: 85%;
}
	
}

@media screen and (min-width: 991px) and (max-width:1099px) {
.onesection {
    clear: both;
	float:left;	
}
	
}
.onesection {
    clear: both;
	float:left;	
}

