h2
{
    font-size: 26px;
    color: #0AB2E5;
    font-family: "eausans_book" ,Helvetica,Arial,sans-serif;
}
.nav p
{
    text-align: justify;
}
.navbar-default
{
    background-color: #0AB2E5;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a
{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    font-family: 'Roboto' , sans-serif;
}
.logo
{
    padding: 5px 0 5px 10px;
    height: 70px;
    width: 200px;
}


.blog > a
{
    font-size: 16px;
    margin: 0 15px 0 0;
    color: #777;
    display: inline-block;
}
.blog a:hover
{
    color: #0AB2E5;
}
.serviceIcon
{
    color: #2FC5F2;
}
.topBar
{
    display: block;
    clear: both;
    padding: 20px 5px 20px 10px;
    border-bottom-left-radius: 2em;
}
.countrySection
{
    background: #f5f4f0;
    padding: 30px;
}
.socialMediaSection
{
    background-size: cover;
    padding: 30px;
}
.smInMediaSection
{
    background-size: cover;
    padding: 30px;
}
.universityVisitSection
{
    background: #f5f4f0;
    background-size: cover;
    padding: 30px;
}
.courseSearchSection
{
    background: #DAD9D9;
    padding-bottom: 40px;
}
.news
{
    background: #f5f4f0;
    margin-top: 0px;
}
.mediaSection
{
    background: #dad9d9;
    padding-top: 20px;
}
.testimonialSection
{
    background: #f5f4f0;
}
.testimonialSection .viewAllTesti
{
    padding-bottom: 2px;
    margin-top: 10px;
}

.testimonialSection .viewAllTestiText
{
    margin-bottom: 10px;
}
.certifiedSection
{
    background: #fff;
    padding: 30px;
    text-align: center;
}
.opportunitySection
{
    padding: 30px;
}
.content
{
    padding: 0 30px 0 30px;
}

.content h4
{
    text-transform: uppercase;
    font-weight: 500;
}
.content p
{
    font-size: 13px;
    padding-top: 5px;
    color: #555;
}

.opportunityHeading
{
    font-family: Times New Roman;
    font-weight: bold;
    font-size: 26px;
    position: absolute;
    bottom: 58%;
    text-align: center;
    width: 80%;
    padding: 0 10% 0;
    color: #fff;
    font-size: 24px;
    height: 30px;
    font-weight: normal;
}


.websearch
{
    width: 100%;
    display: inline-block;
    list-style: none;
    padding: 0 20px;
}
.websearch li
{
    float: left;
    width: 25%;
}
.websearch li
{
    color: #000;
    font-size: 12px;
}
.websearch li
{
    width: 25%;
}
.footer_container
{
    color: #CCC;
    background: #424242 none repeat scroll 0% 0%;
    padding: 30px 0px 20px;
    display: block;
}
.footer_border
{
    margin: 20px 15px;
    border-color: #4c4c4c;
}
.footer_border
{
    margin: 20px 15px;
}
.footer_left
{
    font-size: 13px;
}
.footer_left a
{
    color: #FFF;
    font-size: 15px;
}
.footer_right
{
    text-align: right;
    color: #FFF;
    font-size: 13px;
}
.footer_right span, .footer_right a
{
    color: #fab834;
}
.footer_fixed
{
    background: #FF9639;
    padding: 10px 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
.footer_fixed p, .footer_fixed p a
{
    color: #5b5a5a;
    font-size: 11px;
    margin: 0;
}
.footer_container hr
{
    clear: both;
    height: 1px;
    background-color: #5C5C5C;
    border: medium none;
    margin: 2em 0px;
}
#serv_list-link
{
    float: right;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 15px;
}
#serv_list-link ul
{
    margin: 0;
    padding: 5px;
}
#serv_list-link ul li
{
    color: Gray;
    display: inline;
    float: none;
    line-height: 22px;
    border: none;
    margin: 0;
    padding: 0;
    width: 100px;
}
#serv_list-link ul li
{
    color: #000;
    font-size: 12px;
    padding: 0 14px;
}
.blogHeading
{
    margin-top: 10px;
    margin-left: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 18px;
    color: Black;
}
.blogTitle
{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
}
.flashNewsContent
{
    color: Gray;
    font-size: 12px;
}
.countryStudyImage
{
    top: 20px;
}

.countryflagImage
{
    position: relative;
    top: -20px;
    width: 75px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}


.universityVisitSection .universityVisitLargeContainer .subBox
{
    margin-bottom: 10px;
    font-size: 16px;
}
.universityVisitSection .universityVisitLargeContainer span strong
{
    color: #535353;
}
.universityVisitSection .universityVisitLargeContainer span
{
    display: block;
}

.universityVisitSection .universityVisitLargeContainer .dateBox
{
    border: solid 2px #D0CECC;
    border-radius: 20px;
}

.universityVisitSection .universityVisitLargeContainer .dateBox .day
{
    font-size: xx-large;
}
.universityVisitSection .universityVisitLargeContainer .dateBox .month
{
    font-size: xx-large;
    border-top: solid 2px #a9a39e;
}
.universityVisitSection .universityVisitLargeContainer
{
    line-height: 30px;
    font-size: 14px;
    color: #535353;
    padding-left: 10px;
    padding-right: 10px;
    height: 350px;
    text-align: center;
}
.universityVisitSection .universityHead
{
    color: Black;
}
.universityVisitSection .bottonBox
{
    padding: 5px 5px 5px 5px;
}
.universityVisitSection .oppLogoImage
{
    height: 80px;
    width: 160px;
}


.universityVisitSection .universityVisitSmallContainer
{
    line-height: 25px;
    font-size: 14px;
}
.universityVisitSection .universityVisitSmallContainer span
{
    display: block;
    padding: 5px 0 5px 0;
    color: #727272;
}
.universityVisitSection .universityVisitSmallContainer button
{
    padding: 5px;
}

.universityVisitSection .universityVisitSmallContainer .dateBox
{
    border: solid 1px #D0CECC;
    border-radius: 15px;
    width: 80px;
    font-size: large;
}
.universityVisitSection .universityVisitSmallContainer .dateBox .month
{
    font-size: large;
    border-top: solid 1px #a9a39e;
}
.universityVisitSection .universityVisitSmallContainer span strong
{
    color: #090908;
}


.opportunitySection .box
{
    margin-top: 70px;
}
.socialMediaSection .blogHeight
{
    height: 270px;
}

.news .latestNewsBox
{
    padding: 0px;
}
.news .latestNewsBox .imageBox
{
    padding: 5px 20px 25px 20px;
}

.news .newsHeight
{
    height: 350px;
    border: 15px solid #E3E2DC;
    border-radius: 5px;
}
.news .newsHeight .event
{
    padding: 20px 5px 0px 5px;
}
.news .newsHeight .event .dateOut
{
    background-color: #8573A9;
    padding: 0px 0px 8px 0px;
    margin: 0px;
}

.news .newsHeight .event .dateOut .eventFromMM
{
    font-size: 20px;
    color: White;
    text-transform: uppercase;
}
.news .newsHeight .event .dateOut .eventFromDD
{
    vertical-align: middle;
    font-size: 55px;
}
.news .newsHeight .event .dateOut .eventFrom .outLine
{
    background-color: White;
    color: #8573A9;
    margin: 0px 8px 0px 8px;
    padding: 0px;
}

.news .newsHeight .eventName
{
    font-size: 22px;
    color: #31708F;
}
.news .newsHeight .eventTime
{
    font-size: 20px;
    color: #727272;
}

.news .successStoriesLine
{
    border-right: solid 2px #b9b4b0;
}

.eventDiv
{
    padding: 20px 5px 0px 5px;
}
.dateOutDiv
{
    background-color: #8573A9;
    padding: 0px 0px 8px 0px;
    margin: 0px;
}
.eventHeadDiv
{
    font-size: 20px;
    color: White;
    text-transform: uppercase;
}
.eventBoxDiv
{
    background-color: White;
    color: #8573A9;
    margin: 0px 8px 0px 8px;
    padding: 0px;
}

.eventBoxDateDiv
{
    vertical-align: middle;
    font-size: 55px;
}

.eventNameDiv
{
    font-size: 22px;
    color: #31708F;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-height: 22px; /* fallback */
    max-height: 44px; /* fallback */
}

.eventDetailsDiv
{
    font-size: 20px;
    color: #727272;
}
.navbar
{
    margin-bottom: 0px;
}
.navbar .navbar-nav
{
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar-nav li a
{
    font-weight: bold;
    color: #535353;
}
ul.nav li.dropdown:hover
{
    background-color: #2FC5F2;
    color: #000;
}
ul.nav li.dropdown:focus
{
    background-color: #2FC5F2;
    color: #000;
}
.navbar .navbar-collapse
{
    text-align: center;
}

.bx-controls
{
    position: absolute;
    bottom: 0;
    height: 35px;
    margin-bottom: 0;
    background: transparent;
    text-align: center;
    width: 100%;
}

.slider .bx-pager-link
{
    background: rgba(255,255,255);
}


.nav > li.dropdown.open
{
    position: static;
}
.nav > li.dropdown.open .dropdown-menu
{
    display: table;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}


.dropdown-menu > li
{
    display: table-cell;
}

.nav > li.dropdown:hover
{
    position: static;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a
{
    background-color: #fff;
    border-color: #fff;
    color: #2fc5f2;
}
.nav > li.dropdown:hover .dropdown-menu
{
    display: table;
    width: 100%;
    text-align: left;
    left: 0;
    right: 0;
}
.nav .dropdown-menu ul > li
{
    display: inline-block;
    width: 30%;
    padding: 5px 0 5px 0;
}
.nav .dropdown-menu li
{
    display: inline-block;
    width: 33%;
    padding: 5px 0 5px 0;
}
.nav .aboutus ul > li
{
    display: inline-block;
    width: 49%;
    padding: 5px 0 5px 0;
}
.nav .dropdown-vertical-menu li
{
    display: block;
}
.nav > li.dropdown:hover .dropdown-vertical-menu
{
    width: auto;
}
.nav > li.dropdown-vertical:hover
{
    position: relative;
}

/*.nav .joinus li
{
    display: block;
    width: 160px;
   
}
.nav > li.dropdown:hover .joinus  {
    display: block;
      width: 160px;
 
    position:absolute;
}*/

.center_div
{
    margin: 0 auto;
}
/*.social span > i:nth-of-type(1)
{
    color: Gray;
}*/
.facebook
{
    color: #3280e7;
}

.facebook:hover
{
    color: #134fa0;
}
.whatsapp
{
    color: #52CA5E;
}
.googleplus
{
    color: #fa331e;
}
.googleplus i:hover
{
    color: #c31908;
}
.twitter
{
    color: #32c8de;
}
.twitter i:hover
{
    color: #188392;
}

.blog a:hover
{
    text-decoration: none;
}
blog i
{
    color: black;
}
blog i:hover
{
    color: #3069b6;
}

.skype
{
    color: #32c8de;
}
.skype i:hover
{
    color: #188392;
}
.rss
{
    color: #ff6600;
}
.rss i:hover
{
    color: #ff6600;
}

.youtube
{
    color: #ed5441;
}
.youtube i:hover
{
    color: #b72411;
}

.opportunitySection img:hover
{
    opacity: 0.5;
    cursor: pointer;
}
.cuadro_intro_hover
{
    padding: 0px;
    position: relative;
    overflow: hidden;
    height: 200px;
}
.cuadro_intro_hover:hover .caption
{
    opacity: 1;
    transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
}
.cuadro_intro_hover img
{
    z-index: 4;
}
.cuadro_intro_hover .caption
{
    position: absolute;
    top: 150px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.cuadro_intro_hover .blur
{
    background-color: rgba(44,179,249,0.7);
    height: 300px;
    z-index: 5;
    position: absolute;
    width: 100%;
}
.cuadro_intro_hover .caption-text
{
    z-index: 10;
    color: #fff;
    position: absolute;
    height: 300px;
    text-align: center;
    top: -20px;
    width: 100%;
}
.studyInLink
{
    color: #CCC;
    font-size: 12px;
}
.btnAppointment
{
    margin: 2px 0 2px 0;
    bottom: 0px;
    position: static;
}
.h2Heading
{
    font-family: Calibri;
}
.search_form
{
    float: none;
    display: inline-block;
    width: 250px;
    height: 30px;
}

.countryContent
{
    height: 390px;
}
.courseSearch
{
    background-color: #fff;
    padding: 20px 10px 10px 10px;
    height: 420px;
    padding-top: 70px;
}
.courseSearchrow
{
    margin-bottom: 15px;
}

.expoLogoFixed
{
    z-index: 99999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    visibility: visible;
}

.chatImage
{
    z-index: 99999;
    position: fixed;
    bottom: 0px;
    right: 0px;
    visibility: visible;
}
.menuCountryFlag
{
    height: 25px;
    width: 40px;
}
.opportunitySectionRow
{
    padding-bottom: 25px;
}
.opportunitySectionH3
{
    border-top: 2px solid white;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
}
/*.search_form input[type="text"]
{
    border: none; 
    width: 70px;
    height: 28px;
    padding: 0 5px;
}
.search_form input[type="button"]
{
    border: none;
    width: 30px;
    height: 30px;
    margin: -1px 0 0;
    background: url(../images/search_icon.png) center center no-repeat #ffa700;
    float: right;
    text-indent: -999px;
}*/

.searchListContainer
{
    display: none;
    position: relative;
    background: #fafafa;
    width: 350px;
    height: 370px;
    border: 1px solid #ffffff;
    outline: 1px solid #cccccc;
    line-height: 0.8; /*  overflow-y: auto;*/
    z-index: 5000000;
    float: right;
    margin-right: 33px;
}
.searchListContainer ul li
{
    list-style: none;
    border-bottom: 1px dotted #a2a2a2;
    float: left;
    width: 130px;
    line-height: 25px;
    font-size: 15px;
}

.searchListContainer li a:link
{
    font-family: Arial;
    font-size: 12px;
    color: #276a89;
    text-shadow: 0 1px 0 #ffffff;
}

.searchListContainer li a:hover
{
    color: #183948;
}


.searchListContainer li a:visited
{
    font-family: Arial;
    font-size: 12px;
    color: #711593;
}


.bxslider
{
    margin-left: 0px;
    padding-left: 0px;
}
/*#bx-pager {
    text-align: center;
    margin-top: -30px;
}
.bx-wrapper .bx-pager {
    bottom: -95px;
  }
  
  .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #5280DD 1px;
  }
  
  .bx-wrapper {
    margin-bottom: 60px;
  }*/


.home-slider
{
    position: relative;
}
.home-slider img
{
    max-width: 100%;
    height: auto;
}
.home-slider .controls
{
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -570px;
}
.home-slider .controls .prev a, .home-slider .controls .next a
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
}
.home-slider .controls .prev, .home-slider .controls .next
{
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.home-slider .controls .prev:hover, .home-slider .controls .next:hover
{
    background-color: rgba(255,255,255,0.1);
}
.home-slider .controls .next
{
    margin-left: 980px;
}
.btnYellow
{
    background-color: #FF8F32;
    color: White;
}
.btnBlack
{
    background-color: #FFF;
    color: #000;
    border-radius: 25px;
}
.btnBlack:hover
{
    color: Orange;
}
.btn-hash
{
    background-color: #F5F4F0;
    color: #000;
    border-radius: 25px;
}
.btn-circle
{
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle.btn-lg
{
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}
.btn-circle.btn-xl
{
    width: 90px;
    height: 90px;
    padding: 4px 4px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 45px;
}
.btn-circle.btn-xxl
{
    width: 130px;
    height: 130px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 65px;
}

.carousel-control.left
{
    background-image: none;
    background-repeat: repeat-x;
}
.carousel-control.right
{
    right: 0px;
    left: auto;
    background-image: none;
    background-repeat: repeat-x;
}
.mediaSection .panel:hover
{
    background-color: #2fc5f2;
    color: White;
}

.mediaSection .panel a:hover
{
    color: White;
}

.mediaSection .panel a
{
    color: #000;
}
.studyAbroadMenu
{
    padding-top: 15px;
}
.studyAbroadMenu a:hover
{
    background-color: #2FC5F2;
}
.dropdown-menu a
{
    text-decoration: none;
}
.viewAll
{
    background-color: #2FC5F2;
    color: #fff;
}
.viewAll:hover
{
    background-color: #5FD6F9;
    color: #fff;
}
.VirtualTour
{
    width: 250px;
    height: 120px;
}
.sinceImage
{
    width: 50px;
    height: 50px;
}
.testimonialContent
{
    background-color: #0AB2E5;
    color: White;
    padding: 10px;
    position: relative;
    height: 100px;
}
.testimonialContent:after
{
    content: url(https://static.santamonicaedu.in/images/SMWEB/testimonials-bottom.png);
    position: absolute;
    bottom: -35px;
    left: 130px;
}

.map-canvas-Menu
{
    height: 400px;
    margin-left: 20px;
    padding: 0px 0px 0px 0px;
}

@media (max-width: 760px)
{
    #logo
    {
        display: none;
    }
    .logo
    {
        padding: 5px 0 5px 10px;
        height: 50px;
        width: 100px;
        margin-top: -20px;
    }
    h2
    {
        font-size: 16px;
        color: #0AB2E5;
        font-weight: bold;
    }
    .container
    {
        padding: 0;
        margin: 0;
    }
    .content
    {
        padding: 0px;
    }
    .universityVisitSection
    {
        background: #3f4a52;
        background-size: cover;
        padding: 30px;
    }
    .universityVisitSection h2
    {
        color: #fff;
    }
    .countrySection
    {
        background: #3f4a52;
    }
    .countrySection h2
    {
        color: #fff;
    }
}

.top
{
    background-color: #F5AB35;
    bottom: 9em;
    color: #fff;
    display: none;
    opacity: 0.6;
    padding: 1.5em;
    position: fixed;
    right: 1.5em;
    text-decoration: none;
}
.top:hover
{
    opacity: 1;
    transition: 1s;
}
.homeColor
{
    background-color: #0AB2E5;
}
.linkBox
{
    border-right: solid 1px #ada2a2;
    height: 100px;
}

.linkBox i
{
    margin-top: 30px;
}
.mediaSection .panel-margin
{
    padding: 6px;
}

.newsHeight .event .eventHead
{
    font-size: 20px;
    color: White;
    text-transform: uppercase;
}
.sinceMargin
{
    padding-left: 15px;
}
.newsHeight .event .eventBox
{
    background-color: White;
    color: #8573A9;
    margin: 0px 8px 0px 8px;
    padding: 0px;
}

.newsHeight .event .eventBoxDate
{
    vertical-align: middle;
    font-size: 55px;
}

.newsHeight .event .eventName
{
    font-size: 22px;
    color: #31708F;
}

.newsHeight .event .eventDetails
{
    font-size: 20px;
    color: #727272;
}
.studyInLink:hover
{
    color: #fff;
}
#custom-search-input
{
    margin: 0;
    padding: 0;
}

#custom-search-input .search-query
{
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-input button
{
    border: 0;
    background: none; /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #715C59;
}

.search-query:focus + button
{
    z-index: 3;
}
.carousel-control
{
    top: 50%;
}
.carousel-control span
{
    top: 50%;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 100px;
    font-size: 35px;
    min-width: 0px;
    background-color: transparent;
    border: 1px solid #CCC;
    width: 50px;
    height: 50px;
    color: #555;
    display: block !important;
    text-align: center;
    background-color: #0AB2E5;
}
.carousel .right span
{
    float: right;
}
.paddingTop15
{
    padding-top: 15px;
}
.paddingTop25
{
    padding-top: 25px;
}
.marginBottom20
{
    margin-bottom: 20px;
}
.paddingBottom0
{
    padding-bottom: 0px;
}
.height280
{
    height: 280px;
}

.latestNewsBox .margin2
{
    margin: 2px 0px 2px 0px;
}
.newsHeight .height254
{
    height: 254px;
}
.newsHeight .margin2
{
    margin: 2px 0px 2px 0px;
}
.smInMediaSection .marginTop4
{
    margin-top: 4px;
}
.testimonialSection .padding10
{
    padding: 10px;
}
.successStoriesLine .marginTop40
{
    margin-top: 40px;
}
.footerBackground
{
    background: #a6a4a2;
}

.ourPartnersSection .margin5
{
    margin: 5px 0 5px 0;
}

@media (max-width: 480px)
{


    .newsHeight .event .eventHead
    {
        font-size: 14px;
        color: White;
        text-transform: uppercase;
    }
    .sinceMargin
    {
        padding-left: 15px;
    }
    .newsHeight .event .eventBox
    {
        background-color: White;
        color: #8573A9;
        margin: 0px 8px 0px 8px;
        padding: 0px;
    }

    .newsHeight .event .eventBoxDate
    {
        vertical-align: middle;
        font-size: 25px;
    }

    .newsHeight .event .eventName
    {
        font-size: 14px;
        color: #31708F;
    }
    .newsHeight .event .eventDetails
    {
        font-size: 14px;
        color: #727272;
    }
}
form
{
    display: inline;
}
#dialogContainerBox
{
    position: fixed;
    z-index: 2000040;
}

.overLay
{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .75;
    filter: Alpha(Opacity=75);
    position: fixed;
    z-index: 200000;
    top: 0;
    left: 0;
}

#dialogInnerContainer
{
    position: relative; /*margin-left: -300px;*/
    margin-top: -200px;
    float: left; /*width:100%;*/
    font-family: 'Arial' , Helvetica, sans-serif;
    border: 5px solid #FF9639;
    background: #fafafa;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

#dialogInnerContainer .view:Link
{
    float: right;
    font-family: 'Helvetica' , Arial;
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px 10px 0px;
    color: #41B0AF;
}

#dialogInnerContainer .view:Hover
{
    color: #08504f;
}

#dialogInnerContainer .view:Visited
{
    color: #41B0AF;
    font-family: 'Helvetica' , Arial;
    font-size: 14px;
    margin: 0 0 0 10px;
}

#dialogInnerContainer .dialogHeading
{
    float: left;
    font-family: 'Helvetica' , Arial;
    font-size: 19px;
    margin: 10px 0 0 15px;
    font-weight: bold;
    color: #606060;
}

#closeDialog
{
    float: right;
    position: absolute;
    top: -20px;
    right: -25px;
    height: 48px;
    width: 48px;
}

#closeBtn
{
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    background: url(https://static.santamonicaedu.in/images/SMWEB/close.png) 0 0 no-repeat;
    height: 48px;
    width: 48px;
    text-indent: -9000px;
    position: fixed;
}

.simRecharge
{
    background: url(https://static.santamonicaedu.in/images/SMWEB//sim-recharge.png) no-repeat top left;
    display: block;
    width: 181px;
    height: 40px;
    text-indent: -9999px; /* hides the link text */
}
.disableTextBox
{
    enabled: flase;
}

.mobileImage
{
    display: none;
}
.webImage
{
    display: block;
}

@media screen and (max-width: 480px)
{
    .youtubeDiv
    {
        width: 350px;
        height: 315px;
    }

    .webImage
    {
        display: none;
    }

    .mobileImage
    {
        display: block;
    }

    .universityVisitSection .slider
    {
        max-width: 100%;
        padding: 5px;
        text-align: center;
    }

    .img-responsive
    {
        width: 100%;
    }

    .ourPartnersSection h2
    {
        font-size: 10px;
    }

    .ourPartnersSection .margin5
    {
        margin: 5px 25px 5px 0px;
    }

    .countrySection .slider
    {
        margin: 0px 15px 0px 30px;
    }
    .content p
    {
        line-height: 5px;
    }
    .courseSearchSection form div
    {
        padding: 5px;
    }
   
    .smInMediaSection
    {
        display: none;
    }
    .opportunitySection h2
    { padding-bottom:15px;}
    .opportunitySection h4
    {font-size: 8px; }
    
    
    
}